WoodMart 的筛选好不好用,关键不在“加了多少控件”,而在产品数据、属性体系、筛选器类型三件事是否对齐。下面按实操顺序,把价格、颜色、尺寸三类筛选从 0 配到可用,并顺带把常见踩坑点一起修掉。
1. 开始前先把基础打稳
1.1 确认你用的是“可变产品”
颜色、尺寸通常要靠 WooCommerce 的 Variable product(可变产品)+ 变体 才能筛选得准确。如果商品只是“简单产品”但你在描述里写了颜色尺寸,筛选会出现“点了没反应”“结果不准”的问题。
1.2 统一属性口径
进入:Products → Attributes(产品 → 属性)
建议只保留两套核心属性:
Color(颜色)
Size(尺寸)
注意两点:
颜色、尺寸都建议用 全局属性(不要每个产品临时新增自定义属性)。
属性名和术语(terms)要统一,例如 Size 下面只用 S/M/L/XL 或 38/39/40,不要混着来。
1.3 先把产品数据补全
进入单个产品:Product data → Variations(变体)
每个变体必须选择对应的颜色和尺寸
每个变体建议有库存/价格(至少要有价格,否则价格筛选会乱)
保存后点一次“创建所有可能的变体 / 保存变体”
2. 价格筛选的正确配置
2.1 先让价格数据“可被查询”
价格筛选依赖 WooCommerce 的价格索引。建议先做两件事:
如果你启用了缓存插件,先清一次缓存
进入:WooCommerce → Status → Tools(状态 → 工具),找与“重建产品查询/重建查找表”相关的工具(不同版本名字略有差异),执行一次重建
2.2 放置价格筛选控件
常见放置位置有两种:
Shop/分类页左侧侧边栏
顶部筛选栏(适合移动端)
进入:Appearance → Widgets(外观 → 小工具) 或 WoodMart 的布局管理位置(看你用的是侧边栏还是页面构建器)。
添加:WooCommerce Price Filter(价格筛选)或 WoodMart 自带的 AJAX Filters / Price Filter(不同版本命名不同)
2.3 关键选项
启用 AJAX:打开(避免每次刷新整页)
按滑块(slider):适合大多数类目
如果你发现滑块范围不对,通常不是控件问题,而是产品里有“0 价格/空价格”的变体或未保存变体
3. 颜色筛选的正确配置(含色块/图片色块)
3.1 颜色属性术语设置
进入:Products → Attributes → Color → Configure terms(配置术语)
对每个颜色术语设置:
显示方式:纯色块(Color)或图片(Image)
颜色值:用标准色值更稳(例如 #000000)
命名建议:Black、White、Beige,避免“黑色1号/黑色2号”这种重复语义
3.2 产品端绑定属性
单个产品:Product data → Attributes
勾选 Color
勾选“用于变体(Used for variations)”
生成/保存变体
3.3 前台添加颜色筛选器
添加 WoodMart/WooCommerce 的 Filter by attribute(按属性筛选)控件:
Attribute 选择 Color
显示类型选择 Swatches(色块) 或 List(列表)
Query type 建议选 AND(更符合用户筛选逻辑:既要黑色也要某尺寸)
启用 AJAX(如果有)
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 即时刷新,不跳页
