在现代电商网站中，产品筛选功能是必不可少的工具。WooCommerce 提供了一些筛选器区块，而其中的 Active Product Filters（活动产品筛选器）区块，就是用来展示“已选条件”的实用小功能。
这篇文章带你了解这个区块的作用、添加方式、摆放位置以及一些实用建议。
什么是 Active Product Filters 区块？
这个区块主要用来显示用户当前选中的筛选条件，比如颜色、品牌或价格范围等。用户可以点击移除某一个筛选项，或者使用“清除全部”按钮重置筛选。
需要提醒的是，它本身不是筛选工具，作用是配合其他筛选器展示当前筛选状态。
添加这个区块的方式
操作方法如下：
打开 WordPress 编辑器，选择需要添加的位置。
添加一个新区块，搜索“Active Product Filters”并插入。如果页面中还没有其他筛选器，这个区块会显示空白或占位符。只有用户进行筛选时，区块才会在前端显示内容。
搭配使用的筛选器
要让这个区块正常工作，页面中需要加入至少一个 WooCommerce 提供的筛选器区块，包括：
Filter Products by Price（价格筛选）
Filter Products by Attribute（属性筛选，例如颜色、尺寸）Filter Products by Stock（库存筛选）
你可以根据实际需求组合这些筛选器，再搭配上活动产品筛选器，让页面内容更完整。
样式和设置选项
虽然这个区块设置不多，但基本功能都够用：
显示方式：默认是列表形式，你也可以切换成标签样式（Chips），更适合简洁排版。标题等级：可自定义标题层级，比如设为 H3、H4 等，配合页面结构使用。CSS 类名：可输入自定义类名，用来写样式代码，进一步美化界面。
推荐的摆放位置
比较推荐的做法是，把这个区块放在商店页面中，与筛选器放在一起。
比如你把筛选器放在页面左侧，它也可以放在左侧的下方；如果筛选器在顶部，它就放在下方紧跟其后。
这样的布局更清晰，不会对页面造成视觉干扰，也方便用户随时查看当前筛选状态。
使用建议
这个区块必须搭配其他筛选器一起使用，否则不会显示任何内容。添加位置尽量在筛选器下方，不会打乱页面排版。
标签样式在移动端更易阅读，适合小屏幕展示。
常见问题答疑
Q：可以单独使用这个区块吗？
不可以。它依赖其他筛选器，如果页面中没有筛选器，内容不会显示。
Q：为什么这个区块在前台看不到？
用户还没有选择筛选条件时，它是不会显示的。一旦有筛选行为，区块就会出现。
Q：这个区块建议放在哪？
建议放在商品列表页（Shop 页面）中，与筛选器在同一个区域，方便一起使用。
总结
Active Product Filters 区块是一个非常有用的小工具，它让顾客可以清晰地看到当前选中的筛选条件，并可轻松移除它们。
配合价格筛选、属性筛选、库存筛选等其他工具使用，整体浏览流程更加顺畅。
如果正在搭建 WooCommerce 商城，强烈建议使用这个区块，让筛选功能更完整、更直观。
如需添加样式，也可以结合 CSS 调整展示方式。如果你想了解更多 WooCommerce 教程，欢迎关注光子波动网，我们持续分享 WordPress 建站相关知识。