Blocksy 产品筛选器模块，优化电商网站购物体验

在电商网站中，当商品数量和分类越来越多时，提供便捷的筛选功能成为提升购物效率的重要方式。Blocksy 推出了一套全新的产品筛选 Gutenberg 区块，帮助网站更好地管理丰富的商品分类、属性、品牌信息以及价格区间，提升整体页面表现力和顾客的购物便捷性。

产品筛选模块简介

Blocksy 的产品筛选模块属于 Shop Extra 扩展的一部分，为 Blocksy Pro（Professional 或 Agency 套餐）用户开放。模块基于 Gutenberg 编辑器，具备灵活易用的特性，支持快速添加多种类型的筛选器，包括分类筛选、属性筛选、品牌筛选和价格筛选。

设置流程

在 WordPress 后台，进入外观 → 小工具，选择对应的 WooCommerce 侧边栏区域，开始添加筛选器区块。

添加价格筛选器

• 搜索并添加价格筛选区块

• 价格筛选包含两个子区块：标题和筛选控件

• 可以启用提示功能，显示顾客拖动价格区间时的小数值弹窗
• 支持展示当前选择的价格范围
• 可开启重置按钮，方便顾客一键恢复完整商品列表

添加分类筛选器

• 搜索并添加产品筛选区块

• 在设置中选择以分类、标签、品牌或自定义分类法进行筛选

• 支持多项选择

• 可以启用搜索框，方便快速定位筛选项

• 支持显示勾选框、父子分类层级、每个筛选项下的商品数量

• 可手动排除不想显示的分类
• 提供重置筛选按钮，方便恢复初始状态

添加品牌筛选器

• 操作方式与分类筛选类似
• 支持显示品牌图标，提升品牌辨识度

• 可以关闭文字标签，仅保留品牌图标展示

添加属性筛选器

• 在筛选设置中选择具体的产品属性
• 可开启属性图标（Swatches）展示，如颜色块或图案，提升视觉直观度

页面展示效果

前端页面上，顾客可以：

• 拖动价格滑块，快速筛选符合价格范围的商品

• 按分类、品牌或属性条件多重筛选，组合出精准结果

• 轻松查看已应用的筛选条件，并可以单独取消某一项，或一键重置全部筛选

筛选器模块支持同时显示在侧边栏或产品列表顶部区域，方便根据网站布局灵活调整。

筛选重置功能

Blocksy 还提供了筛选状态管理功能。在产品归档页面设置中，可以启用“当前筛选条件”区域，让顾客清晰看到已应用的筛选条件，并支持单独取消或一键重置所有条件，进一步优化购物流程。

总结

Blocksy 的产品筛选器模块，为电商网站提供了灵活、美观且功能丰富的商品筛选系统。无论是按照价格、分类、品牌还是属性，均可以快速搭建专业级的筛选体验。模块设置直观简单，能够有效提升商品浏览效率和顾客满意度，适合各类需要强化商品展示与筛选功能的电商平台使用。

最近更新

联系我们
教程看不懂？联系我们为您免费解答！免费助力个人，小企站点！	客服微信
① 电话：020-2206-9892
② QQ咨询：1025174874
③ 邮件：info@361sale.com
④ 工作时间：周一至周五，9:30-18:30，节假日休息