在使用 WoodMart 主题搭建商城网站时,商品筛选功能是非常关键的一部分。买家逛店铺时,能快速找到合适商品,几乎全靠侧边栏里的过滤器。而 WoodMart 主题自带的过滤系统功能强大,支持按价格、品牌、颜色、尺寸、材质等多种条件筛选,而且无需安装额外插件。
这篇文章就带你一步步了解 WoodMart 的过滤器怎么用,怎么设置价格区间、品牌列表、以及各种商品属性。
一、过滤器的核心插件:WoodMart 商品筛选小工具
WoodMart 的商品筛选功能主要依赖于它的自带小工具。你可以在外观 → 小工具(或自定义 → 小工具)中找到一组名为 “WoodMart Layered Nav” 的筛选模块。
想启用这些模块,先确认你的商店页面布局支持侧边栏,然后把这些小工具拖到商店侧边栏的位置即可。
二、设置价格筛选功能
价格过滤器是最常见也是最实用的功能之一。WoodMart 提供了滑动式价格区间模块,用户可以自由选择价格范围。
设置方法:
在左侧后台菜单中,点击【Appearance(外观)】→【Widgets(小工具)】。
找到“Shop filters”这个区域,点击展开。
点击“+”号按钮添加新的小工具。
在弹出的窗口中搜索:WoodMart Price Filter 或 Product Filter by Price。选择它后点击添加。
输入标题(例如:“按价格筛选”),然后点击右上角【Update】保存。
前台展示出来后,用户就能拉动价格滑块,自由选择价格范围。
如果价格筛选没有反应,请检查:
商品是否都已设置价格
站点是否启用了 WooCommerce 默认排序功能
是否启用了 Ajax 过滤
三、设置品牌筛选功能
WoodMart 支持商品品牌过滤,但品牌本身不是 WooCommerce 默认的分类。你需要先创建品牌属性。
步骤如下:
后台 → 产品 → 属性
添加新属性,如“品牌”在商品编辑页面,为每件商品分配一个品牌回到外观 → 小工具
拖入 “WoodMart Layered Nav” 小工具
选择“品牌”这个属性保存后,前台就会显示品牌列表筛选器
这个模块会自动列出所有品牌,点击某个品牌即可筛选出对应商品。
如果你希望品牌显示为 Logo 图标,可以在“产品 → 属性 → 品牌”中为每个品牌项设置图像。
四、设置颜色、尺寸等属性筛选
颜色、尺寸这类属性的设置方式和品牌设置是类似的:
后台 → 产品 → 属性
创建属性名称,如“颜色”或“尺寸”
添加多个子选项,例如红色、蓝色、绿色;或 S、M、L
在商品编辑页中,为商品添加这些属性值
回到小工具区域,添加 “WoodMart Layered Nav” 模块
选择对应的属性项
如果要让颜色显示为色块而不是文字,需要:
在“属性”设置中,将类型设置为“颜色”为每个颜色项指定对应的色值,例如红色设为 #ff0000
前台就会展示出色块,点击色块即可过滤。
五、启用 Ajax 无刷新过滤体验
WoodMart 支持 Ajax 过滤功能,也就是说,用户筛选条件后页面不会整体刷新,只会局部更新商品列表,这样浏览更顺畅。
开启方式:
后台 → WoodMart → Theme Settings
进入“Product archive”设置项找到“AJAX shop”并开启保存设置
这个功能默认是打开的,但如果你发现筛选后页面跳转或整体刷新,可以来这里确认一下是否启用。
六、优化过滤顺序与展示
在商品较多、属性较多的商店中,建议合理安排筛选器的顺序,比如:
先放价格过滤器
接着是品牌
然后是颜色、尺寸等属性
最后放清除筛选按钮(“Reset filters”)
这样用户浏览时思路更清晰,不容易错过重点选项。
另外,WoodMart 的筛选器支持折叠和展开,如果你的筛选项很多,可以开启“可折叠”选项,节省空间。
七、常见问题排查
问题一:过滤器点击后无商品显示?
商品未添加对应属性
商品未发布
属性拼写错误或大小写不一致
问题二:价格滑块不显示或滑动异常?
商品价格设置为 0 或为空
某些货币插件可能影响滑块逻辑
问题三:多个过滤器组合后商品消失?
有可能选项间不存在交集
建议引导用户逐步筛选,并使用“清除筛选”按钮重置条件
总结
WoodMart 主题的内置筛选系统功能很完整,价格、品牌、颜色、尺寸等都能轻松设置,不需要安装额外插件。只要合理规划好属性结构、配置小工具、开启 Ajax 滤选,就能打造一个体验流畅、分类清晰的购物页面。