为什么你的 WoodMart 筛选总是失效?价格、颜色、尺寸完整避坑方案

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 即时刷新,不跳页

Leave a Reply

您的电子邮箱地址不会被公开。 必填项已用 * 标注