WooCommerce 块提供了许多选项来展示您的产品。当您安装WooCommerce时，当前有 20 个块添加到块编辑器中。WooCommerce 块插件中提供了更多块和新功能，该插件测试添加到 WooCommerce 核心的新块和功能。在本文中，我们将简要概述每个块及其功能。
WooCommerce 核心中的 WooCommerce 块
在块编辑器中搜索 Woo 会显示 20 个 WooCommerce 块。当您安装 WooCommerce 时，这些块已经内置。您还可以通过滚动到编辑器中块列表的底部来找到它们。
将鼠标悬停在大多数块上会显示它在您网站上的外观预览。这些块中的每一个都提供了您的 WooCommerce 产品的独特视图。让我们仔细看看每个块。我会在页面上展示它的样子，并在预览可用时突出显示。我还会提到任何独特的设置。
有源产品过滤器
这显示了当前活动产品的过滤器。将它们显示为列表或筹码（类似于按钮）。选择标题级别。它适用于所有产品和过滤器 WooCommerce 块。
所有产品
这显示了您商店中的所有产品。它包括排序和分页。将其与最后一个块对齐并显示排序下拉列表。将其添加到页面后，此不提供预览。
所有评论
此块显示所有产品评论的完整列表。它显示评论者、产品、星级和评论的缩略图。您可以对它们进行排序、选择将显示的内容、选择图像类型以及调整列表设置。
畅销产品
此块显示了您有史以来最畅销产品的网格。您可以将其与最后一个块对齐。添加内容元素，包括标题、价格、评级和添加到购物车按钮。您还可以设置过滤器选项。
特色类别
这显示了您想要设置为特色类别的特定类别的所有产品。从列表中选择类别。您只能选择一种。
特色产品
这将显示您从列表中选择的特定产品，让您突出显示该产品。
按属性过滤产品
这个添加了一个过滤器，以便用户可以根据产品的属性过滤产品。您可以从列表中选择属性，例如颜色和大小。显示为列表或下拉列表。在 AND/OR 之间设置查询类型。包括产品数量、选择标题级别、添加按钮并选择过滤器。
按价格过滤产品
此块添加了一个过滤器，允许用户选择他们正在寻找的价格。价格范围可以是可编辑的按钮或文本。如果需要，您可以添加一个按钮并设置标题级别。一旦将其添加到页面中，就不会提供预览。
按库存过滤产品
这允许用户根据库存状态显示产品。他们可以在有货、缺货和延期交货之间进行选择。显示产品数量，选择标题级别，然后添加一个按钮。您可以将它与其他 WooCommerce 块一起使用，例如所有产品块。如果将其添加到页面，则不会显示预览。
精选产品
此块允许您选择块显示的特定产品。根据需要选择任意数量。您可以选择将显示的内容元素，包括标题、价格、评级和添加到购物车按钮。它还具有按钮对齐选项并设置顺序和过滤器选项。
最新产品
此块在网格中显示所有最新产品。将其与最后一个块对齐并添加内容元素，例如标题、价格、评级和添加到购物车按钮。您还可以设置过滤器选项。
特价商品
此块显示一个包含所有在售产品的网格。选择显示标题、价格、评级和加入购物车按钮。您可以将其与最后一个块对齐。它还包括顺序和过滤器选项。
产品类别列表
这将显示您的类别列表。将它们显示为大纲中的列表或下拉列表。显示产品数量、图像、层次结构和空类别。
产品搜索
这是更独特的 WooCommerce 块之一。它会在您的页面上添加一个搜索框，客户可以在其中输入关键字来搜索您的产品。显示或隐藏字段标签。
按属性分类的产品
这将根据您从列表中选择的属性显示您的产品网格。属性包括大小、颜色等。将其与最后一个块对齐，选择将显示的内容元素，并设置过滤器和排序选项。
产品分类
这显示了您选择的特定类别的产品网格。根据需要选择任意数量的类别。添加内容元素，包括标题、价格、评级和添加到购物车按钮。您还可以将其与最后一个块对齐并设置顺序选项。
按标签分类的产品
这将显示您从列表中选择的标签中的产品网格。根据需要选择任意数量的标签。从标题、价格、评级和添加到购物车按钮中选择将显示的内容元素。与最后一个块对齐并按选项选择顺序。
产品评论
这显示了您从列表中选择的特定产品的所有评论。
按类别的评论
此块显示基于您从列表中选择的类别的所有产品评论。选择将显示的内容元素。添加标题、价格、评级和加入购物车按钮。
最受好评的产品
这会显示一个包含所有评分最高产品的网格。选择要显示的内容元素，包括标题、价格、评级和添加到购物车按钮以及过滤器类别。
WooCommerce 阻止插件
该WooCommerce块插件更是增加了功能，以在WordPress块，并增加了两个新的块。这两个新块会给你一个兼容性通知，表明你可能会遇到与其他扩展和集成的兼容性问题。他们在其设置中包含一个链接，您可以在其中提供有关该块的反馈。
这个插件的目的是测试新的块和功能。一旦块和功能变得稳定，它们就会合并到 WooCommerce 核心中。在您的实时站点中使用此插件时，您需要小心。
大车
此块将您的购物车添加到页面。您可以包含运费计算器，选择结帐按钮的链接，并将其设置为暗模式。它包括您可以在 WooCommerce 设置中将该页面设置为默认购物车的通知。它还包括反馈链接。
查看
此块为您的购物车提供结账。它提供了一个通知，您可以在 WooCommerce 设置中将此页面设置为默认结帐。它包括一个暗模式选项。它由几个可以独立自定义的元素组成。如果您已将块添加到您的页面，则此不提供预览。
当前 WooCommerce 块的新功能
当前的三个 WooCommerce 块具有新的或不同的功能：
所有评论 – 添加排版和颜色设置。从 7 种预设字体大小中进行选择或自定义大小。颜色包括 10 个预设和一个自定义选项。
产品评论 – 添加与所有评论相同的排版和颜色设置。这个以全角显示并删除块选项和内容元素。
按类别分类的评论——这个还增加了排版和颜色设置。它还以全角显示块并删除块选项和内容元素。
结束对 WooCommerce 块的思考
这就是我们对 WooCommerce 块的看法。这包括 WooCommerce 核心产品中可用的 20 个块以及来自 WooCommerce 块附加插件的 2 个新块和设置。WooCommerce 块提供了一种很好的方式来展示您的产品。它们易于使用，是将产品添加到任何页面或帖子的好方法。在以后的文章中，我们将更详细地介绍每个块并了解如何使用它们。
我们希望听到您的意见。您是否在 WordPress 网站中使用 WooCommerce 块？请在评论中告诉我们。
特色图片来自 aliaksei kruhlenia/shutterstock.com
来源
