大多数现代在线商店都允许您使用过滤器来查找特定类型的产品。 Active Product Filters WooCommerce Block 可帮助您检查并查看您拥有哪些产品过滤器，从而简化流程。
在本文中，我们将向您展示 Active Product Filters 块的工作原理以及放置方式。我们将讨论如何配置过滤器，并讨论一些有效使用它的提示和技巧。
让我们开始吧！
如何将活动产品过滤器 WooCommerce 块添加到您的帖子或页面
在我们讨论活动产品过滤器块之前，我们需要讨论 WooCommerce 提供的其他过滤元素。当您将活动产品过滤器元素添加到页面或帖子时，它会显示您通过其他块选择的过滤器。此块使您能够禁用特定过滤器以扩大搜索范围，但它不提供添加新过滤器的选项。
要放置此元素，请打开 WordPress 编辑器并选择添加新块的选项。使用搜索功能查找有效的产品过滤器：
/ p >
由于您没有指定任何过滤器，Active Product Filters 块将在编辑器中显示两个占位符选项。这是放置块后的样子：
此块按属性分隔过滤器。您可以删除特定的活动过滤器以扩大您的产品搜索范围，或使用“全部清除”按钮取消选择所有选项。
要添加新的选择器，您需要使用其他与过滤器相关的选择器 WooCommerce 块之一。块编辑器提供了三个这样的选项：按价格过滤产品、按属性过滤产品和按库存过滤产品。
例如，如果您将按属性筛选产品的 WooCommerce 块与活动产品筛选元素配对，如下所示：
您可以将活动产品过滤器块与您想要的任何其他 WooCommerce 过滤器元素配对。虽然它在您使用块编辑器时显示过滤器占位符，但这些选项不会显示给您的访问者。相反，他们只会看到他们使用其他块之一选择的过滤器。
Active Product Filters WooCommerce 阻止设置和选项
Active Product Filters 块不提供广泛的配置选项。如果将鼠标悬停在编辑器中的某个块上以访问其格式设置菜单，您只会看到重新排列其位置或将其转换为不同类型元素的选项：
要访问块的样式设置，请选择它并单击屏幕上方的齿轮图标右上角。这将打开块右侧的菜单。此菜单包括用于更改块显示活动过滤器的样式和修改活动过滤器文本的标题级别的选项：
默认情况下，活动产品过滤器块使用列表样式来显示活动过滤器。如果将样式切换为“Chips”，块的外观如下：
除了这些选项之外，块的设置菜单还提供了添加 CSS 类的选项。您可以使用这些类来添加自定义 CSS 并进一步修改块的样式。
有效使用活动产品过滤器块的提示和技巧
重要的是要重申，您不能在不添加 WooCommerce 提供的其他过滤元素之一的情况下使用活动产品过滤器。顾名思义，此块使用户能够管理活动过滤器。但是，它不允许用户添加或选择过滤器。
为此，您需要使用以下三个模块之一：按价格过滤产品、按属性过滤产品或按库存过滤产品。
您可以添加一个或多个这些块并将它们与活动产品过滤器元素配对。但是，添加这些块最合乎逻辑的位置是在您的商店页面上。
还值得注意的是，在您选择至少一个过滤器之前，活动产品过滤器块不会显示在您的网站上前端：
Availability from From从一个角度来看，将 Active Product Filters 块放置在其他元素下方是有意义的。这样，该块一旦出现在页面上就不会下推其他元素。
关于活动产品过滤器 WooCommerce 块的常见问题解答
活动产品过滤器块非常易于使用并与其他元素配对。但是，如果您对如何使用它仍有任何疑问，本节旨在回答这些问题。
我可以单独使用活动产品过滤器块吗？
您可以将活动产品过滤器块放置在您网站的任何位置。但是，该块不会出现在您的页面上，除非您为用户提供一种方法来选择他们想要使用的过滤器。为此，您需要使用按价格过滤产品、按属性过滤产品或按库存过滤产品块。
为什么我的网站上没有显示活动的产品过滤器块？
仅当您选择了一个或多个过滤器时，才会显示活动产品过滤器块。如果您没有活动过滤器，则该块将不会显示在前端。此外，如果您使用“全部清除”选项删除所有活动过滤器，该块将自行隐藏。
我应该在哪里放置活动的产品过滤器块？
将活动产品过滤器块放在商店的商店页面上是最有意义的。这样，客户将能够使用您提供的任何选项过滤产品，并使用活动的产品过滤器块管理这些过滤器。
结论
产品过滤器使客户可以轻松浏览您商店的产品目录。您设置的 WooCommerce 属性越多，客户就越容易使用过滤器找到他们正在寻找的产品。通过使用 Active Product Filters WooCommerce 块，您可以让用户更好地控制他们可以使用的过滤器。
重要的是要记住，只有在用户选择了一个或多个过滤器后，才会显示活动的产品过滤器块。为此，您需要使用以下模块之一：按价格过滤产品、按属性过滤产品或按库存过滤产品。
您对如何使用 Active Product Filters WooCommerce 块有任何疑问吗？让我们在下面的评论部分讨论它们！
精选图片来自 GoodStudio/shutterstock.com
来源
