Upsells 块在 cart drawer 中展示产品优惠,由你选择的**策略(Strategy)**来挑选。当购物者打开购物车时,该块会根据当前购物车内容和你配置的任何定向规则,呈现你的策略返回的产品。
在购物者打开购物车的那一刻呈现相关的产品优惠,利用根据购物车内容和定向规则挑选展示内容的策略,提升平均订单价值。
与始终展示你挑选的某一个产品的 Product add-on 块不同,Upsells 由一个决定展示内容的策略驱动。

行为
- 产品根据购物者当前的购物车实时获取,因此优惠反映的是购物车中的实际内容。
- 当没有产品可展示时整个区域会隐藏——没有关联策略、策略没有返回结果,或返回的产品都不可购买。购物者绝不会看到空的 Upsells 区域。
- 如果返回的优惠带有折扣,购物者会看到真实的划线价和折扣徽章,折扣会在结账时应用。
设置
支持的评论应用
设计
文字样式
可设置样式的文字元素按类别分组:
Heading(标题)
- Heading(标题)— upsell 卡片上方的部分标题(例如 You may also like)。也支持自定义字体族。粗体和颜色在上方的富文本编辑器中设置。
- Product title(产品标题)— 每个 upsell 卡片上的产品名称。
- Review count(评论数)— 启用 Show product reviews 时显示的评论数。
- Price(价格)— 每张卡片上的当前价格。
- Compare-at price(划线价)— 划线的原价。
- Discount(折扣) — 折扣标签(例如 20% off)。
卡片颜色
评论
位置与限制
- **区域:**body 或 bottom。
- **最大数量:**每个购物车状态 1 个——非空购物车和空购物车各有一个。
- **状态:**非空和空购物车均可。
- 默认不添加。未锁定——你可以移除或隐藏它。
选择策略
- Create strategy from selected products——直接挑选特定产品,系统会自动为你创建一个策略。
- Create strategy from scratch——打开策略编辑器,让你无需离开购物车编辑器即可构建规则。
- Shopify AI recommendations——创建一个由 Shopify 自身推荐驱动的策略,之后出现在任何地方都命名为 Shopify AI recommended products。一旦你拥有一个,此条目就会消失,因为一家商店只需要一个 Shopify AI 策略。
- 你现有的策略,按名称列出。在搜索框中输入即可筛选。
管理已选策略
- Edit strategy——在新标签页中打开策略编辑器,因此你的购物车编辑器会话和任何未保存的更改都会保持原样。此选项对 Shopify AI 推荐策略不可用,该策略由系统自动管理,没有可编辑的规则。
- Remove from upsell——将策略从此块上解绑。策略本身不会被删除;它仍保留在你的策略列表中。
自定义模板
块内容
加入购物车
轮播控件
layout 为 'carousel' 时相关。
upsell 卡片
upsells 中的每个条目:
variants 中的每个条目包含 id、title、price 和 compareAtPrice(原始、未格式化,以货币主单位表示的字符串)、availableForSale、imageUrl、sku 和 selectedOptions([{ name, value }])。
priceLabel 和 compareAtLabel 已格式化好可直接展示,而 variants[].price 和 variants[].compareAtPrice 是以货币主单位表示的原始字符串。不要混用两者:展示时用标签,原始值只用于比较。