WooCommerce启用产品过滤器区块设置使用图文教程

WooCommerce启用产品过滤器区块设置使用图文教程插图

大多数WordPress现代WooCommerce网店都能让你使用过滤器来寻找特定类型的产品,WooCommerce启用产品过滤器区块使这个过程更容易,它帮助你检查和查看你有哪些活跃的产品过滤器。在这篇文章中,搬主题将向你介绍启用产品过滤器区块是如何工作的以及如何放置它。我们将介绍如何配置过滤器,并讨论一些有效使用它的技巧和窍门。

如何将WooCommerce启用产品过滤器区块添加到你的文章或页面上

在我们谈论主动产品过滤器块之前,我们需要讨论WooCommerce提供的其他过滤元素。当你在页面或文章中添加 “启用产品过滤器”元素时,它会显示你通过其他块选择的过滤器。这个块使你能够禁用特定的过滤器,以扩大你的搜索范围,但它不提供添加新过滤器的选项。

要放置这个元素,请打开WordPress编辑器,选择添加新块的选项。使用搜索功能,寻找启用产品过滤器。

WooCommerce启用产品过滤器区块设置使用图文教程插图1

由于你还没有指出任何过滤器,启用产品过滤器区块将在编辑器中显示两个占位符选项。下面是你放置该块后的样子。

WooCommerce启用产品过滤器区块设置使用图文教程插图2

该区块将过滤器按属性分开。你可以删除特定的活动过滤器来扩大产品搜索范围,或者使用 “清除所有 “按钮来取消所有选项。要添加新的选择器,你需要使用其他与过滤器相关的WooCommerce块之一。块编辑器提供了三个这样的选项。按价格过滤产品,按属性过滤产品,和按库存过滤产品。

作为一个例子,如果你将 “按属性筛选产品”WooCommerce区块与 “启用产品过滤器”元素配对,那么它看起来就是这样。

WooCommerce启用产品过滤器区块设置使用图文教程插图3

你可以将启用产品过滤器区块与你想要的任何其他WooCommerce过滤元素配对。虽然它在你使用区块编辑器时显示过滤器占位符,但这些选项不会出现在访客面前。相反,他们只会看到他们使用其他块之一选择的过滤器。

WooCommerce启用产品过滤器区块设置和选项

启用产品过滤器区块并没有提供广泛的配置选项。如果你在编辑器中把鼠标移到该块上,进入其格式化菜单,你只会看到重新安排其位置或将其转化为不同类型的元素的选项。

WooCommerce启用产品过滤器区块设置使用图文教程插图4

要访问区块的样式设置,选择它并点击屏幕右上角的齿轮图标。这将在该块的右边打开一个菜单。这个菜单包括改变区块显示活动过滤器的样式,以及修改活动过滤器文本的标题级别的选项。

WooCommerce启用产品过滤器区块设置使用图文教程插图5

默认情况下,启用产品过滤器区块使用列表样式来显示活动过滤器。下面是如果你把风格切换为 “薯片”,该块看起来是什么样子。

WooCommerce启用产品过滤器区块设置使用图文教程插图6

除了这些选项外,该块的设置菜单提供了添加CSS类的选项。你可以使用这些类来添加自定义的CSS,并进一步修改该块的样式。

有效使用启用产品过滤器区块的技巧和窍门

需要重申的是,如果不同时添加WooCommerce提供的其他过滤元素之一,你就不能使用主动产品过滤器块。顾名思义,这个块可以让用户管理活动过滤器。然而,它并不能让用户添加或选择过滤器。

要做到这一点,你需要使用以下三个块中的一个。按价格过滤产品,按属性过滤产品,或按库存过滤产品。你可以添加一个或多个这些块,并将其与 “启用产品过滤器”元素配对。然而,添加这些块的最合理的地方是在你的商店页面。

值得注意的是,在你选择至少一个过滤器之前,启用产品过滤器区块不会显示在你网站的前端。

WooCommerce启用产品过滤器区块设置使用图文教程插图7

从可用性的角度来看,将启用产品过滤器区块放在其他元素的下面是有意义的。这样一来,一旦它出现在页面上,该块就不会把其他元素推下去。

关于WooCommerce启用活动过滤器区块的常见问题

启用产品过滤器区块非常容易使用,并能与其他元素搭配。然而,如果你对如何使用它仍有任何疑问,本节旨在回答这些问题。

可以单独使用启用产品过滤器区块吗?

你可以在你网站的任何地方放置启用产品过滤器区块。然而,除非你为用户提供一种方法来选择他们想使用的过滤器,否则该块不会出现在你的页面上。为此,你需要使用按价格过滤产品、按属性过滤产品或按库存过滤产品块。

为什么在我的网站上不显示启用产品过滤器区块?

只有当您选择了一个或多个过滤器时,启用产品过滤器区块才会出现。如果您没有活动的过滤器,该块就不会显示在前端。此外,如果您使用 “清除所有 “选项来删除所有活动的过滤器,该区块将自行隐藏。

应该把启用产品过滤器区块放在哪里?

将 “启用产品过滤器”块放在你的商店页面上是最有意义的。这样,客户就可以使用你给他们的任何选项来过滤产品,并使用 “启用产品过滤器”块管理这些过滤器。

最后总结

产品过滤器使客户能够轻松地浏览您商店的产品目录。你设置的WooCommerce属性越多,客户就越容易使用过滤器来寻找他们要找的产品。通过使用WooCommerce启用产品过滤器区块,你可以让用户更多的控制他们可以使用什么过滤器。

重要的是要记住,只有在用户选择了一个或多个过滤器后,主动产品过滤器块才会显示出来。为了实现这一点,你需要使用以下块之一:按价格过滤产品,按属性过滤产品,或按库存过滤产品。

 收藏 (0) 更新不易,打赏吧

您可以选择一种方式赞助本站

支付宝扫一扫赞助

微信钱包扫描赞助

除特别注明外,本站所有文章均基于CC-BY-NC-SA 4.0原创,转载请注明出处。
文章名称:《WooCommerce启用产品过滤器区块设置使用图文教程》
文章链接:https://www.banzhuti.com/wordpress-active-product-filters-woocommerce-block.html
分享到: 生成海报
版权免责声明

① 本站提供的资源(插件或主题)均为网上搜集,如有涉及或侵害到您的版权请立即通知我们。
② 本站所有下载文件,仅用作学习研究使用,请下载后24小时内删除,支持正版,勿用作商业用途。
③ 因代码可变性,不保证兼容所有浏览器、不保证兼容所有版本的WP、不保证兼容您安装的其他插件。
④ 本站保证所提供资源(插件或主题)的完整性,但不含授权许可、帮助文档、XML文件、PSD、后续升级等。
⑤ 由本站提供的资源对您的网站或计算机造成严重后果的本站概不负责。
⑥ 使用该资源(插件或主题)需要用户有一定代码基础知识!另本站提供汉化使用安装教程,仅供参考。
⑦ 有时可能会遇到部分字段无法汉化,同时请保留作者汉化宣传信息,谢谢!
⑧ 本站资源售价只是赞助和汉化辛苦费,收取费用仅维持本站的日常运营所需。
⑨ 如果喜欢本站资源,欢迎捐助本站开通会员享受优惠折扣,谢谢支持!
⑩ 如果网盘地址失效,请在相应资源页面下留言,我们会尽快修复下载地址。

热门文章

评论 抢沙发

评论前必须登录!

立即登录   注册

WordPress主题 插件 建站 汉化

定制服务联系我们
切换注册

登录

点击按钮进行验证

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

我们将发送一封验证邮件至你的邮箱, 请正确填写以完成账号注册和激活