WooCommerce交叉销售和向上销售？

学完这篇，你能在 WooCommerce 里独立完成向上销售（Upsell）和交叉销售（Cross-sell）的设置，并知道它们分别显示在哪个页面、数量怎么调、为什么设置完前台没反应。

第一步：先分清这两个概念，否则位置放错白做

向上销售：顾客正在看 A 商品时，推荐更贵、更高端的替代品，出现在商品详情页加购按钮下方，标题通常是"你可能还喜欢…"（You may also like）。

交叉销售：顾客把 A 加进购物车后，推荐配件、耗材等互补商品，出现在购物车页，标题一般是"You may also like…"或"你也许会喜欢"。

注意：交叉销售只在"该商品已经进入购物车"之后才显示，商品详情页是看不到的。很多新手在详情页找不到交叉销售，以为是设置失败，其实是正常的。

第二步：给单个商品设置向上销售

这一步要做的，是告诉系统"A 商品该推荐 B 商品"，做完后 A 的详情页会多出一个推荐区。

1. 登录 WordPress 后台，左侧菜单点 商品 → 所有商品。
2. 鼠标移到目标商品上，点出现的 编辑 链接。
3. 页面往下滚到 商品数据 面板，点左侧竖排标签里的 关联商品（Linked Products）。如果没看到竖排标签，检查面板右上角的下拉框是否为"简单商品"。
4. 在 向上销售 输入框里输入另一个商品的名称，下拉列表出现后点选它。可以选多个。
5. 点右上角 更新 按钮保存。

保存后打开该商品的前台页面，价格和加购按钮下方就会多出推荐商品列表。

注意：被推荐的商品必须是"已发布"且"目录可见"状态。草稿、私密、隐藏商品不会显示，而且不会报错，只是静默不出现。

第三步：设置交叉销售

操作位置和上一步完全相同，只是换一个输入框。

在同一个 商品数据 → 关联商品 面板里，找到 交叉销售（Cross-sells）输入框，输入并选中要推荐的配件类商品，然后点 更新 保存。

验证方式：前台打开这个商品页，点击 加入购物车，再进入购物车页面。只要购物车模板里有购物车短代码 [woocommerce_cart] 或购物车区块，交叉销售商品就会以网格形式显示在购物车表格下方。

注意：已经在该顾客购物车里的商品，不会被重复显示为交叉销售。另外交叉销售是挂在"商品"上的，不是挂在"购物车"上——同一商品在不同场景下加购，推荐结果是一样的。

第四步：调整显示数量和列数

默认情况下向上销售会显示该商品设置的全部推荐项，交叉销售默认只显示 2 个。想改数量，用代码片段实现。

用 Code Snippets 插件，或把下面代码加进当前主题的 functions.php：

// 详情页向上销售：3 列
add_filter( 'woocommerce_upsells_columns', function () { return 3; } );

// 购物车交叉销售：最多 4 个，4 列
add_filter( 'woocommerce_cross_sells_total', function () { return 4; } );
add_filter( 'woocommerce_cross_sells_columns', function () { return 4; } );

改完刷新前台页面查看效果。不同主题和 WooCommerce 版本（本文基于 WooCommerce 9.x）钩子行为可能略有差异，建议先在测试站验证再上生产站。

注意：如果前台没变化，先清 WordPress 缓存插件缓存、CDN 缓存和浏览器缓存；再检查是不是父主题里已有同名 filter，子主题覆盖时要确认优先级。

第五步：批量设置怎么办

WooCommerce 自带功能没有批量设置交叉销售/向上销售的入口，只能一个个商品编辑。商品多的话装免费插件 WooCommerce Upsells and Cross-sells，或 YITH WooCommerce Frequently Bought Together 做批量或规则化设置。安装路径：插件 → 安装插件 → 搜索插件名 → 安装 → 启用。

小结

• 向上销售显示在商品详情页，交叉销售显示在购物车页，两者都在 商品数据 → 关联商品 面板里设置。
• 商品必须是已发布且目录可见，否则静默不显示。
• 交叉销售只在商品已加入购物车后出现，详情页看不到属正常。
• 数量与列数用 woocommerce_upsells_columns、woocommerce_cross_sells_total、woocommerce_cross_sells_columns 钩子调整。
• 批量设置需要借助第三方插件，官方无内置入口。
• 改完没效果，先清缓存，再查主题是否覆盖了同名 filter。