WooCommerce对比插件？

学完这篇，你能在自己的 WooCommerce 商店里加上「勾选多个商品、并排看参数」的对比功能，顾客点一下按钮就能把三五个商品的关键属性摆在一张表里比较。

第一步：先确认你到底缺不缺这个功能

WooCommerce 本身没有产品对比功能，这是需要额外装的。但在装之前，先看一眼你的主题：Flatsome（3.18 以上版本在 Theme Options → Shop → Product Compare 里）、WoodMart（Theme Settings → Shop → Compare）、ShopIsle 这类电商主题自带对比模块，直接在主题设置里开启就行，不用再装插件。只有当你用的是 Storefront、Astra 这类不带对比功能的主题时，才需要装插件。

本文以免费插件 YITH WooCommerce Compare 为例，它在 WordPress 插件库直接可搜到，也是目前用得最多的方案。

第二步：备份并确认环境

做任何操作前先备份数据库和 wp-content 目录，用 UpdraftPlus 或宝塔面板的备份功能都行。

环境要求：WordPress 6.0 以上、WooCommerce 7.0 以上、PHP 7.4 以上。低于 PHP 7.4 会在启用插件时报错。

第三步：安装并启用插件

1. 后台左侧菜单 → 插件 → 安装插件
2. 右上角搜索框输入 YITH WooCommerce Compare
3. 找到作者是 YITH 的那个，点 现在安装，装完点 启用

装好后左侧菜单多出一项 YITH → Compare，说明插件已经跑起来了。

注意：插件库里可能同时出现好几个名字类似的对比插件，认准作者是 YITH，其他同名仿品更新频率很低，容易和 WooCommerce 新版本冲突。

第四步：先建好要对比的产品属性

对比表里的「颜色」「尺寸」「材质」这些行，来自 WooCommerce 的全局属性，不是产品描述里的文字。所以：

1. 进入 产品 → 属性
2. 填「名称」（比如 材质）、「别名」（material），点 添加属性
3. 在新出现的属性行右侧点 配置术语，逐个填入 纯棉、涤纶、羊毛，保存

回到产品编辑页，在 产品数据 → 属性 标签里，把刚才的属性加进来并勾选具体值。只有在产品上真正赋了值的属性，才会出现在对比表里。

第五步：设置对比表显示哪些字段

1. 进入 YITH → Compare → Settings
2. 在 Table 分区选择对比表的样式（默认表格版，一般不用改）
3. 在 Attributes 分区，把第四步建好的属性勾上——勾了才会在对比表里出现，没勾的不会显示
4. 切到 Page settings 分区，在「Compare page」下拉里选一个页面作为对比结果页

注意：第 4 步不做的话，前台点对比按钮会被跳到一个 404 页面。如果下拉里没有合适页面，先去 页面 → 新建页面 建一个空白页，标题写「产品对比」，再回来选它。

第六步：把对比按钮放到前台

在 YITH → Compare → Settings → Style 分区：

• Button position：选 In the product page 会把按钮放在单品详情页；选 In the loop 会放在商品列表每个商品的缩略图下方。想两处都有，把两个都勾上。
• Button text：默认是 Compare，可以改成「加入对比」。

如果主题的列表页模板不认这个钩子（按钮没出现），就用短代码手动插：把 [yith_compare_button] 写进商品循环模板，或者直接放进页面/文章内容里测试。

第七步：前台实测一遍

1. 打开商店列表页，随便点两个商品的「Compare」按钮
2. 页面底部会浮出一条对比栏，显示已选商品，点 Compare 进入对比页
3. 检查对比表里属性行是否齐全、数值是否对得上

如果对比表是空的，八成是第四步里产品没赋值；如果点了没反应，先关掉缓存插件（WP Rocket、LiteSpeed Cache）再试——对比功能靠 AJAX，页面级缓存经常把它一起缓存住。

注意：如果你的站开了 CDN，记得在 CDN 后台把对比页和 admin-ajax.php 加入不缓存名单。

小结

• WooCommerce 原生无对比功能，先查主题是否自带，再决定装不装插件
• 免费方案用 YITH WooCommerce Compare，路径是 插件 → 安装插件 → 搜索安装 → YITH → Compare
• 对比表的每一行来自 WooCommerce 全局属性，必须先在 产品 → 属性 里建好、在产品上赋值
• 一定要在设置里指定 Compare page，否则前台报 404
• 前台不生效时，先排查缓存插件和 CDN，再排查主题模板钩子