新的 WooCommerce Blocks 插件概述

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

WooCommerce 核心中的 WooCommerce 块

新 woocommerce-blocks-plugin-1 概述

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

新 woocommerce-blocks-plugin-1-1 概述

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

有源产品过滤器

新 woocommerce-blocks-plugin-2 概述

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

所有产品

新 woocommerce-blocks-plugin-3 概述

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

所有评论

新 woocommerce-blocks-plugin-4 概述

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

畅销产品

新 woocommerce-blocks-plugin-5 概述

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

特色类别

新 woocommerce-blocks-plugin-6 概述

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

特色产品

新 woocommerce-blocks-plugin-7 概述

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

按属性过滤产品

新 woocommerce-blocks-plugin-8 概述

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

按价格过滤产品

新 woocommerce-blocks-plugin-9 概述

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

按库存过滤产品

新 woocommerce-blocks-plugin-10 概述

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

精选产品

新 woocommerce-blocks-plugin-11 概述

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

最新产品

新 woocommerce-blocks-plugin-12 概述

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

特价商品

新 woocommerce-blocks-plugin-13 概述

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

产品类别列表

新 woocommerce-blocks-plugin-14 概述

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

产品搜索

新 woocommerce-blocks-plugin-15 概述

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

按属性分类的产品

新 woocommerce-blocks-plugin-16 概述

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

产品分类

新 woocommerce-blocks-plugin-17 概述

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

按标签分类的产品

新 woocommerce-blocks-plugin-18 概述

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

产品评论

新 woocommerce-blocks-plugin-19 概述

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

按类别的评论

新 woocommerce-blocks-plugin-20 概述

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

最受好评的产品

新 woocommerce-blocks-plugin-21 概述

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

WooCommerce 阻止插件

新 woocommerce-blocks-plugin-22 概述

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

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

大车

新 woocommerce-blocks-plugin-23 概述

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

查看

新 woocommerce-blocks-plugin-24 概述

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

当前 WooCommerce 块的新功能

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

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

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

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

结束对 WooCommerce 块的思考

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

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

特色图片来自 aliaksei kruhlenia/shutterstock.com

来源

Total
0
Shares
相关文章

选择哪个CMS

第一步是知道您要电子商务网站还是信息网站。您将直接在线销售产品(电子商务)还是仅做广…
阅读更多