跳至正文
帮助
编辑器版块与区块

如何自定义购物车页面和结账页面?

自定义购物车页面的购物车版块(图片比例、图片大小、密度、免费送货进度条、空购物车)和结账页面的结帐版块(订单表单、配送和付款选择、订单摘要),并了解顾客何时会看到每个页面。

阅读时间 3 分钟

购物车页面和结账页面是顾客查看产品并下单的地方。每个页面都有一个必需版块:购物车和结帐。您可以在建站工具中设置它们的样式,但内容来自顾客的购物车。

顾客何时会看到这些页面

  • 当您的结账方式是加入购物车,或它是您的次要方式时,才会使用这些页面。使用快速结账时,顾客通过产品页面上的表单下单。请参阅结账设置。
  • 当页头购物车设置为页面时,会打开购物车页面。设置为抽屉或下拉菜单时,会改为打开迷你购物车。请参阅页头版块。
  • 购物车页面、抽屉或下拉菜单中的前往结账按钮会打开结账页面。

购物车版块

打开建站工具,选择购物车页面。预览会显示两个示例产品。该版块列出每个产品的图片、名称、变体、数量按钮、该行价格和删除按钮,然后是小计以及继续购物和前往结账。数量按钮会遵守产品的最小和最大购买数量。

  • 图片比例:自动、纵向、正方形或横向。使用固定比例时,图片适应可选覆盖或完整显示。
  • 图片大小:小号、中等或大号。
  • 密度:每一行内部的空间为紧凑、舒适或宽松。
  • 免费送货进度条:在小计上方显示还需添加多少金额才能免运费。请参阅免费送货进度条是如何工作的?
  • 版块宽度、配色方案、间距、内边距以及自定义 CSS。

购物车为空时,顾客会看到“您的购物车是空的”以及一个返回店铺的按钮。

结帐版块

在建站工具中选择结账页面。该版块一侧是订单表单,另一侧是订单摘要。表单包含顾客字段、配送和付款选择,以及下单按钮。摘要列出产品、小计、运费、总计,以及适用时的增值税或折扣行。

它的设置包括版块宽度、配色方案、内边距和自定义 CSS。这两个版块都不能添加额外区块,但您可以在它们上方或下方添加其他版块,例如写有配送承诺的文本版块。

修改结账字段

显示哪些字段、哪些为必填以及它们的标签,都是在设置中为整个市场统一设置的,而不是在这个版块中。请参阅结账表单字段。字段的颜色和样式来自您的配色方案和输入项设置。

小贴士

仍需帮助?

给我们留言,我们会回复你。

联系我们