WooCommerce 块提供了许多选项来展示您的产品。 当您安装 WooCommerce 时,当前有 20 个块添加到块编辑器中。 WooCommerce 块插件中提供了更多块和新功能,该插件测试添加到 WooCommerce 核心的新块和功能。 在本文中,我们将简要概述每个块及其功能。

WooCommerce 核心中的 WooCommerce 块

WooCommerce 核心中的 WooCommerce 块

在块编辑器中搜索 Woo 会显示 20 个 WooCommerce 块。 当您安装 WooCommerce 时,这些块已经内置。 您还可以通过滚动到编辑器中块列表的底部来找到它们。

WooCommerce 核心中的 WooCommerce 块

将鼠标悬停在大多数块上会显示它在您网站上的外观预览。 这些块中的每一个都提供了您的 WooCommerce 产品的独特视图。 让我们仔细看看每个块。 我会在页面上展示它的样子,并在预览可用时突出显示。 我还会提到任何独特的设置。

有源产品过滤器

有源产品过滤器

这显示了当前活动产品的过滤器。 将它们显示为列表或筹码(类似于按钮)。 选择标题级别。 它适用于所有产品和过滤器 WooCommerce 块。

所有产品

所有产品

这显示了您商店中的所有产品。 它包括排序和分页。 将其与最后一个块对齐并显示排序下拉列表。 将其添加到页面后,此不提供预览。

所有评论

所有评论

此块显示所有产品评论的完整列表。 它显示评论者、产品、星级和评论的缩略图。 您可以对它们进行排序、选择将显示的内容、选择图像类型以及调整列表设置。

畅销产品

畅销产品

此块显示了您有史以来最畅销产品的网格。 您可以将其与最后一个块对齐。 添加内容元素,包括标题、价格、评级和添加到购物车按钮。 您还可以设置过滤器选项。

特色类别

特色类别

这显示了您想要设置为特色类别的特定类别的所有产品。 从列表中选择类别。 您只能选择一种。

特色产品

特色产品

这将显示您从列表中选择的特定产品,让您突出显示该产品。

按属性过滤产品

按属性过滤产品

这个添加了一个过滤器,以便用户可以根据产品的属性过滤产品。 您可以从列表中选择属性,例如颜色和大小。 显示为列表或下拉列表。 在 AND/OR 之间设置查询类型。 包括产品数量、选择标题级别、添加按钮并选择过滤器。

按价格过滤产品

按价格过滤产品

此块添加了一个过滤器,允许用户选择他们正在寻找的价格。 价格范围可以是可编辑的按钮或文本。 如果需要,您可以添加一个按钮并设置标题级别。 一旦将其添加到页面中,就不会提供预览。

按库存过滤产品

按库存过滤产品

这允许用户根据库存状态显示产品。 他们可以在有货、缺货和延期交货之间进行选择。 显示产品数量,选择标题级别,然后添加一个按钮。 您可以将它与其他 WooCommerce 块一起使用,例如所有产品块。 如果将其添加到页面,则不会显示预览。

精选产品

精选产品

此块允许您选择块显示的特定产品。 根据需要选择任意数量。 您可以选择将显示的内容元素,包括标题、价格、评级和添加到购物车按钮。 它还具有按钮对齐选项并设置顺序和过滤器选项。

最新产品

最新产品

此块在网格中显示所有最新产品。 将其与最后一个块对齐并添加内容元素,例如标题、价格、评级和添加到购物车按钮。 您还可以设置过滤器选项。

特价商品

特价商品

此块显示一个包含所有在售产品的网格。 选择显示标题、价格、评级和加入购物车按钮。 您可以将其与最后一个块对齐。 它还包括顺序和过滤器选项。

产品类别列表

产品类别列表

这将显示您的类别列表。 将它们显示为大纲中的列表或下拉列表。 显示产品数量、图像、层次结构和空类别。

产品搜索

产品搜索

这是更独特的 WooCommerce 块之一。 它会在您的页面上添加一个搜索框,客户可以在其中输入关键字来搜索您的产品。 显示或隐藏字段标签。

按属性分类的产品

按属性分类的产品

这将根据您从列表中选择的属性显示您的产品网格。 属性包括大小、颜色等。将其与最后一个块对齐,选择将显示的内容元素,并设置过滤器和排序选项。

产品分类

产品分类

这显示了您选择的特定类别的产品网格。 根据需要选择任意数量的类别。 添加内容元素,包括标题、价格、评级和添加到购物车按钮。 您还可以将其与最后一个块对齐并设置顺序选项。

按标签分类的产品

按标签分类的产品

这将显示您从列表中选择的标签中的产品网格。 根据需要选择任意数量的标签。 从标题、价格、评级和添加到购物车按钮中选择将显示的内容元素。 与最后一个块对齐并按选项选择顺序。

产品评论

产品评论

这显示了您从列表中选择的特定产品的所有评论。

按类别的评论

按类别的评论

此块显示基于您从列表中选择的类别的所有产品评论。 选择将显示的内容元素。 添加标题、价格、评级和加入购物车按钮。

最受好评的产品

最受好评的产品

这会显示一个包含所有评分最高产品的网格。 选择要显示的内容元素,包括标题、价格、评级和添加到购物车按钮以及过滤器类别。

WooCommerce 阻止插件

WooCommerce 阻止插件

WooCommerce Blocks 插件为 WordPress 中的块添加了更多功能,并添加了两个新块。 这两个新块会给你一个兼容性通知,表明你可能会遇到与其他扩展和集成的兼容性问题。 他们在其设置中包含一个链接,您可以在其中提供有关该块的反馈。

这个插件的目的是测试新的块和功能。 一旦块和功能变得稳定,它们就会合并到 WooCommerce 核心中。 在您的实时站点中使用此插件时,您需要小心。

大车

大车

此块将您的购物车添加到页面。 您可以包含运费计算器,选择结帐按钮的链接,并将其设置为暗模式。 它包括您可以在 WooCommerce 设置中将该页面设置为默认购物车的通知。 它还包括反馈链接。

查看

查看

此块为您的购物车提供结账。 它提供了一个通知,您可以在 WooCommerce 设置中将此页面设置为默认结帐。 它包括一个暗模式选项。 它由几个可以独立自定义的元素组成。 如果您已将块添加到您的页面,则此不提供预览。

当前 WooCommerce 块的新功能

当前的三个 WooCommerce 块具有新的或不同的功能:

所有评论 – 添加排版和颜色设置。 从 7 种预设字体大小中进行选择或自定义大小。 颜色包括 10 个预设和一个自定义选项。

产品评论 – 添加与所有评论相同的排版和颜色设置。 这个以全角显示并删除块选项和内容元素。

按类别的评论 – 这个还增加了排版和颜色设置。 它还以全角显示块并删除块选项和内容元素。

结束对 WooCommerce 块的思考

这就是我们对 WooCommerce 块的看法。 这包括 WooCommerce 核心产品中可用的 20 个块以及来自 WooCommerce 块附加插件的 2 个新块和设置。 WooCommerce 块提供了一种很好的方式来展示您的产品。 它们易于使用,是将产品添加到任何页面或帖子的好方法。 在以后的文章中,我们将更详细地介绍每个块并了解如何使用它们。

我们希望听到您的意见。 您是否在 WordPress 网站中使用 WooCommerce 块? 请在评论中告诉我们。