跳转到主要内容
设计与购物车内容

自定义购物车商品、变体和价格显示

在购物车编辑器中打开购物车 > 购物车商品,控制商品行的显示方式。购物车商品始终是抽屉的一部分。

开启或关闭数量选择器

  1. 编辑购物车,然后打开购物车 > 购物车商品。
  2. 开启显示数量选择器以显示数量控件,或关闭此选项以隐藏数量控件。
  3. 保存购物车,并在需要时激活此设计。
  4. 在店面中添加一个普通商品,然后检查抽屉中的控件。

奖励赠品有自己的数量和变体规则,不使用常规数量选择器。即使启用了此设置,Shopify 也可能锁定单个商品行的数量控件。隐藏选择器只会改变抽屉的显示方式,不会设置购买限制。

允许顾客更改变体

启用允许顾客更改变体,即可在符合条件的商品上显示下拉菜单。

只有当商品存在其他变体,且商品行可以安全更改时,才会显示变体下拉菜单。订阅商品行和 Shopify 锁定的组合商品行不支持更换变体。已售罄的替代变体无法选择。Shopify 也可能锁定单个商品行的数量或移除控件。

选择要显示的价格和标签

启用数量选择和单件价格后的购物车商品控件。
(1) 数量控件仍处于启用状态。(2) 启用“显示单件价格”后会显示其文本模板。预览中的商品数量均为 1 件,因此需要在店面中单独测试单件价格。
  • 显示每件商品的节省金额:会在商品行存在节省金额时显示节省金额。
  • 显示折扣名称:显示 Shopify 为该商品行报告的折扣名称。
  • 显示单件价格:会在商品数量大于 1 件时,在商品行中添加单件价格。
  • 显示划线价:在存在节省金额时显示带删除线的原价。
  • 商品图片尺寸:更改商品行缩略图的尺寸。图片始终显示,没有用于开启或关闭图片的选项。

这些显示控件不会创建折扣。商品的划线价与实际购物车折扣是两回事。

如需在页脚节省金额行中计入目录商品的降价金额,请在折扣码区块中启用计算划线价节省金额。此设置与这些商品价格控件相互独立,默认处于关闭状态。

小计设置

启用在预览总额旁显示原价后的小计设置。
(1) 显示原价会在折扣前购物车金额高于当前小计时,添加折扣前的购物车金额。此预览使用示例总额。

打开购物车 > 小计,更改其标签并启用显示原价。当购物车折扣前总额高于当前小计时,该选项会为折扣前总额添加删除线。它不会累加目录商品的划线价。

检查折扣示例

两款面霜每款 $25.20,商品行总额为 $50.40,原始小计为 $56。
(1) 使用买 2 件优惠后,两款面霜每款价格为 $25.20。(2) 小计显示折扣前的 $56 和折扣后的 $50.40。

两款价格为 $28 的面霜享受 10% 的商品折扣后,商品行总额为 $50.40,单件价格为 $25.20。小计可以在 $50.40 旁边显示带删除线的 $56。这些是围绕现有折扣的显示选项,不会创建折扣。

保存后,使用包含折扣且商品数量大于 1 件的购物车进行测试。当购物车没有可显示的节省金额时,某些标签会按预期保持隐藏。

这篇文章对您有帮助吗?

您的反馈有助于我们改进文档。

谢谢,我们会继续改进这篇文章。

想与我们的团队聊天? 还有疑问?

仍需帮助?

我们的团队只需点击一下即可联系。给我们发送消息,我们会尽快回复。

我们使用少量 Cookie 来确保网站正常运行、衡量网站使用情况,并在您打开聊天组件时为其提供支持。请参阅我们的 Cookie 政策。