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






















![表情[wozuimei]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 专业WordPress修复服务,全球范围,快速响应](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

暂无评论内容