当您经营在线商店时,确保客户能够快速找到他们正在寻找的商品至关重要。一种方法是使用产品类别列表 WooCommerce 块向访问者显示特定类别。此块甚至允许您选择是在下拉列表中还是在展开视图中显示项目。

在本文中,我们将解释如何在 WordPress 中使用产品类别列表 WooCommerce 块,包括如何将其添加到您的帖子和页面以及如何自定义其各种设置和选项。然后,我们将为您提供一些提示和最佳做法,并回答一些常见问题。

让我们开始吧!

如何将产品类别列表 WooCommerce 块添加到您的帖子或页面

产品类别列表块基本上可用于替换旧的产品类别小部件。它允许您在您的网站上展示来自特定类别的项目列表并控制它们的显示方式。

请注意,此块仅在您安装并激活了 WooCommerce 插件后才有效。一旦完成,您还可以访问大量其他方便的 WooCommerce 块,例如所有产品和特色产品块。

将产品类别列表 WooCommerce 块添加到您的在线商店很简单。首先,您可以导航到要添加列表的帖子或页面。

接下来,单击块编辑器 (1) 中的添加块按钮(加号图标)并搜索“产品类别列表”(2)。应该是第一个出现的选项(3):

或者,您可以将块直接添加到任何段落。当您按 Enter 时,区块将自动添加到您的页面或帖子中。

产品类别列表 WooCommerce 块设置和选项

插入此块后,它将显示您商店中当前产品类别的列表。如果您没有,可以通过导航到 WordPress 管理面板中的产品 > 类别来创建它们:

您也可以在此处删除不再需要的任何类别,或者如果要修改其详细信息,则编辑现有类别。

插入商品分类列表块后,顶部会出现一个工具栏:

第一个图标允许您将此元素转换为组或列块。第二个允许您更改对齐方式。默认情况下,块将左对齐,但您可以将其调整为居中或右对齐。

如果你点击三个垂直的点,你会看到一些额外的设置。这包括将一个块添加到可重用块、在它之前或之后插入另一个块以及复制该块的选项。

阻止设置

在屏幕的右侧,您可以找到许多其他选项:

我们来看看每个设置的含义:

  1. 显示样式。您可以在此处决定是希望列表显示为展开列表还是下拉列表。最佳选择取决于您希望列表在页面上占用多少空间。
  2. 显示产品数量。正如您在上面的示例中看到的,此块在括号中显示了每个类别下包含的产品数量。如果您不想显示号码,可以关闭此设置。
  3. 显示类别图像。默认情况下禁用类别图像。但是,如果您想让列表在视觉上更具吸引力,您可以关闭此设置。
  4. 显示层次结构。您可以使用此设置来显示产品的子类别。默认情况下它是打开的,但如果您有大量类别(因为块开始看起来非常拥挤),它可能不是最佳选择。
  5. 显示空类别。即使您没有任何产品,此设置也允许您显示类别。最好确保禁用此选项。

最后,在设置面板的末尾有一个高级部分。如果您喜欢手动调整块的样式,则可以使用它来添加自己的自定义 CSS。

有效使用产品类别列表 WooCommerce 块的提示和最佳实践

如您所见,添加和自定义产品类别列表 WooCommerce 块非常容易设置。但是,您可能需要考虑一些最佳实践以确保有效地使用它。

首先,配置设置时,重要的是要考虑设计和功能。您希望确保类别列表对您的客户可见且可访问,而不会分散注意力。

例如,如果您有一家拥有许多不同类别的大型商店,那么使用列表显示选项可能不是最佳选择,尤其是当您想要节省页面空间时。相反,考虑使用 Dropdown 样式,它节省空间并且看起来更干净:

如果您的列表较小并希望一次显示所有项目,我们建议同时显示产品类别图片:

这有助于使列表更具吸引力和美观。它还可以帮助访问者轻松找到他们正在寻找的内容。

如果您想更新产品类别或将图片添加到产品类别,您可以转到仪表板中的产品 > 类别,然后单击类别名称下的编辑链接:

< p>

上传缩略图在底部屏幕选项。完成后记得点击“更新”。

关于产品类别列表 WooCommerce Block 的常见问题解答

如您所见,产品类别列表 WooCommerce Block 易于使用。但是,为确保涵盖所有关键信息,让我们回顾一下有关它的一些常见问题。

如何添加产品类别列表块?

您可以通过导航到要包含它的帖子或页面,然后单击“添加块”按钮来添加此块。接下来,只需搜索“产品类别列表”并选择出现的第一个选项。或者,您可以在编辑器中输入“/product Categories block”,然后按 Enter 键。

我在哪里可以使用产品类别列表 WooCommerce 块?

启用块编辑器后,您可以在 WordPress 网站的任何位置添加此块。这包括您的页面和帖子。您还可以将其添加到侧边栏、页脚和其他小部件区域。

结论

产品类别列表 WooCommerce 块可帮助您增强购物者的用户体验 (UX)。它允许您确定要显示的产品类别以及它们的显示方式。

正如我们在本文中所讨论的,您可以使用许多设置和选项来自定义您的类别列表。这包括将其显示为带有缩略图的完全展开列表,或显示为下拉菜单。您可以在在线商店的任何帖子或页面上使用它,或者在可以插入 WordPress 小部件的任何地方使用它,例如侧边栏或页脚区域。

您对使用产品类别列表 WooCommerce 块有任何疑问吗?在下面的评论部分让我们知道!

精选图片来自 Banpot Chaiyathep/shutterstock

来源