WoodMart 的筛选好不好用,关键不在“加了多少控件”,而在产品数据、属性体系、筛选器类型三件事是否对齐。下面按实操顺序,把价格、颜色、尺寸三类筛选从 0 配到可用,并顺带把常见踩坑点一起修掉。
![图片[1]-WoodMart 筛选真的好用吗?价格、颜色、尺寸从 0 到可用的实战配置全流程](https://www.361sale.com/wp-content/uploads/2025/12/20251231093704907-image.png)
1. 开始前先把基础打稳
1.1 确认你用的是“可变产品”
颜色、尺寸通常要靠 WooCommerce 的 Variable product(可变产品)+ 变体 才能筛选得准确。如果商品只是“简单产品”但你在描述里写了颜色尺寸,筛选会出现“点了没反应”“结果不准”的问题。
1.2 统一属性口径
进入:Products → Attributes(产品 → 属性)
![图片[2]-WoodMart 筛选真的好用吗?价格、颜色、尺寸从 0 到可用的实战配置全流程](https://www.361sale.com/wp-content/uploads/2025/12/20251231094847667-image.png)
建议只保留两套核心属性:
- Color(颜色)
- Size(尺寸)
注意两点:
- 颜色、尺寸都建议用 全局属性(不要每个产品临时新增自定义属性)。
- 属性名和术语(terms)要统一,例如 Size 下面只用 S/M/L/XL 或 38/39/40,不要混着来。
1.3 先把产品数据补全
进入单个产品:Product data → Variations(变体)
![图片[3]-WoodMart 筛选真的好用吗?价格、颜色、尺寸从 0 到可用的实战配置全流程](https://www.361sale.com/wp-content/uploads/2025/12/20251231095118979-image.png)
- 每个变体必须选择对应的颜色和尺寸
- 每个变体建议有库存/价格(至少要有价格,否则价格筛选会乱)
- 保存后点一次“创建所有可能的变体 / 保存变体”
2. 价格筛选的正确配置
2.1 先让价格数据“可被查询”
价格筛选依赖 WooCommerce 的价格索引。建议先做两件事:
- 如果你启用了缓存插件,先清一次缓存
- 进入:WooCommerce → Status → Tools(状态 → 工具),找与“重建产品查询/重建查找表”相关的工具(不同版本名字略有差异),执行一次重建
![图片[4]-WoodMart 筛选真的好用吗?价格、颜色、尺寸从 0 到可用的实战配置全流程](https://www.361sale.com/wp-content/uploads/2025/12/20251231095523885-image.png)
2.2 放置价格筛选控件
常见放置位置有两种:
- Shop/分类页左侧侧边栏
- 顶部筛选栏(适合移动端)
进入:Appearance → Widgets(外观 → 小工具) 或 WoodMart 的布局管理位置(看你用的是侧边栏还是页面构建器)。
添加:WooCommerce Price Filter(价格筛选)或 WoodMart 自带的 AJAX Filters / Price Filter(不同版本命名不同)
![图片[5]-WoodMart 筛选真的好用吗?价格、颜色、尺寸从 0 到可用的实战配置全流程](https://www.361sale.com/wp-content/uploads/2025/12/20251231102543407-image.png)
2.3 关键选项
- 启用 AJAX:打开(避免每次刷新整页)
- 按滑块(slider):适合大多数类目
- 如果你发现滑块范围不对,通常不是控件问题,而是产品里有“0 价格/空价格”的变体或未保存变体
3. 颜色筛选的正确配置(含色块/图片色块)
3.1 颜色属性术语设置
进入:Products → Attributes → Color → Configure terms(配置术语)
![图片[6]-WoodMart 筛选真的好用吗?价格、颜色、尺寸从 0 到可用的实战配置全流程](https://www.361sale.com/wp-content/uploads/2025/12/20251231112445663-image.png)
对每个颜色术语设置:
- 显示方式:纯色块(Color)或图片(Image)
- 颜色值:用标准色值更稳(例如 #000000)
- 命名建议:Black、White、Beige,避免“黑色1号/黑色2号”这种重复语义
3.2 产品端绑定属性
单个产品:Product data → Attributes
- 勾选 Color
- 勾选“用于变体(Used for variations)”
- 生成/保存变体
![图片[7]-WoodMart 筛选真的好用吗?价格、颜色、尺寸从 0 到可用的实战配置全流程](https://www.361sale.com/wp-content/uploads/2025/12/20251231112936883-image.png)
3.3 前台添加颜色筛选器
添加 WoodMart/WooCommerce 的 Filter by attribute(按属性筛选)控件:
- Attribute 选择 Color
- 显示类型选择 Swatches(色块) 或 List(列表)
- Query type 建议选 AND(更符合用户筛选逻辑:既要黑色也要某尺寸)
- 启用 AJAX(如果有)
![图片[8]-WoodMart 筛选真的好用吗?价格、颜色、尺寸从 0 到可用的实战配置全流程](https://www.361sale.com/wp-content/uploads/2025/12/20251231113749529-image.png)
4. 尺寸筛选的正确配置
尺寸逻辑和颜色一致,但尺寸最容易踩坑的是“术语写法不统一”。建议你先定一套规则:
- 服装:XS/S/M/L/XL/XXL
- 鞋:38/39/40/41 或 US 8/US 9(不要混用)
操作路径:
- Products → Attributes → Size → Configure terms 先建好术语
- 产品端把 Size 勾为“用于变体”并生成变体
- 前台添加 Filter by attribute,Attribute 选 Size,显示类型可用按钮/列表(看主题支持)
5. 让筛选“又快又准”的检查清单
- 点颜色后没有结果:多半是产品没有真正绑定到该颜色术语,或变体没保存
- 结果太少:检查筛选控件的 Query type 是否选成了 OR/AND(一般 Color+Size 用 AND 更合理)
- 同一个颜色出现两次:Color 术语里可能有 “Black” 和 “black” 或中英文混用
- 移动端不好用:把筛选做成 Off-canvas(抽屉式侧边筛选),并开启 AJAX
- SEO 想更稳:筛选参数页建议不要被索引(常见做法是对带过滤参数的 URL 做 noindex 或在 SEO 插件里处理),避免产生大量重复页面
6. 推荐的落地布局
大多数商店的体验更顺:
- 顶部:已选条件(可一键清除)
- 左侧/抽屉:价格滑块、颜色色块、尺寸按钮
- 列表区: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)

暂无评论内容