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

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

产品筛选模块简介

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

设置流程

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

添加价格筛选器

搜索并添加价格筛选区块

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

可以启用提示功能,显示顾客拖动价格区间时的小数值弹窗

支持展示当前选择的价格范围

可开启重置按钮,方便顾客一键恢复完整商品列表

添加分类筛选器

搜索并添加产品筛选区块

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

支持多项选择

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

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

可手动排除不想显示的分类

提供重置筛选按钮,方便恢复初始状态

添加品牌筛选器

操作方式与分类筛选类似

支持显示品牌图标,提升品牌辨识度

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

添加属性筛选器

在筛选设置中选择具体的产品属性

可开启属性图标(Swatches)展示,如颜色块或图案,提升视觉直观度

页面展示效果

前端页面上,顾客可以:

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

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

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

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

筛选重置功能

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

总结

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

最近更新

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注