如何设置导航栏菜单（Basel主题，其他主题个别会有差异）（02）
lyc054211在使用 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 滤选，就能打造一个体验流畅、分类清晰的购物页面。
了解 宝藏号 的更多信息订阅后即可通过电子邮件收到最新文章。 © 版权声明 文章版权归作者所有，未经允许请勿转载。 相关文章
lyc054211
快速导入 WoodMart 演示站点完整教程lyc054211
破解Astra Pro的五大安全隐患lyc054211
Astra 主题与 Elementor 的集成与优化lyc054211 暂无评论... |
|---|