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

如何在产品页面添加折叠标签、配送日期、尺码指南、徽章或前后对比图片?

建站工具中的产品页面区块:用于配送和退货信息的折叠标签(手风琴)、带订单截止时间的预计送达日期时间线、弹窗式尺码表、信任徽章,以及前后对比图片滑块。

阅读时间 4 分钟

这些区块放在哪里

这些区块放在产品页面的产品信息版块中(位于其详情列),以及落地页的落地页信息中。在建站工具中,选择该版块,点击添加新区块,然后选择一个。把它拖到您想要的位置,例如购买按钮正下方。主要区块(标题、描述和订单表单)的说明请参阅如何设置产品页面上的产品信息版块(图片、标题、描述、固定按钮)?和如何设置落地页信息版块和订单表单(按钮、倒计时、WhatsApp)?

折叠项(标签和手风琴)

点击即可展开的一组行。用它来放配送、退货、材质或保养等信息。最多可以添加 3 个折叠项区块,每个最多 20 行。

  • 样式:分隔线、卡片或普通。
  • 交互:手风琴(展开一行会收起其他行)或独立(多行可以同时展开)。
  • 默认展开:各行一开始处于展开状态。选择手风琴时,只有第一行默认展开。
  • 每一个折叠项行都有标题、可选的图标以及自己的内容:文本、图片、分隔线、组、配送时间线、徽章或前后对比图片。

配送时间线

以三个步骤显示预计送达日期:已下单、已发货和已送达。日期会根据顾客访问的当天实时计算。

  • 模式:横栏(三个步骤排成一行)、垂直(上下堆叠)或紧凑(只显示预计送达日期的一行)。表面:普通或卡片。
  • 内容:重命名每个步骤,并添加一行可选的描述。其中可以使用 {{ordered_date}}、{{shipped_date}}、{{delivered_date}} 和 {{counter}}(距离您订单截止时间的实时倒计时)。
  • 排程:最短发货时间和最长发货时间(天)、最短送达时间和最长送达时间(天),以及您的工作日。您不工作的日子会被跳过,所以周五下的订单可能顺延到周一。
  • 快递在不同的日期工作:开启后可以为送货单独设置快递日。
  • 订单截止时间:在此时间之后(按顾客自己的时钟)下的订单,从下一个工作日开始计算。
  • 外观:进度线的样式和粗细、图标大小以及步骤间距。

时间线是展示给顾客的承诺。它不会改变您实际的配送方式。配送方式在配送方式中设置。

尺码指南

在某个变体组(例如“尺码”)旁边添加一个带尺子图标的尺码指南小链接。点击后会弹出一个显示您尺码表的窗口。

  • 变体名称:链接所在变体组的名称,必须与您在产品中输入的完全一致。用逗号分隔多个名称,可覆盖多种语言(例如“Size, 尺码”)。
  • 链接文字和弹窗标题(例如“T 恤尺码指南”)。
  • 表格:用添加行和添加列构建表格。开启第一行为表头,即可把第一行用作列名。

整个表格留空即可隐藏链接。如果链接没有显示,请检查变体名称是否与产品的变体组一致。

徽章

一排带图标的简短信任信息,例如“免费配送”“货到付款”或“30 天退货”。最多 2 个徽章区块,每个最多 6 个徽章。可设置表面(卡片、普通或分隔线)、方向(图标在文字上方或旁边)、桌面端列数、移动端列数、图标大小、文字大小和间距。每个徽章都有一个图标和一段简短的文本。

前后对比

两张图片叠在一起,中间有一条顾客拖动以进行对比的分隔线:使用前后、两种颜色或两种表面处理。设置之前的图片和之后的图片以及可选标签、方向(左右或上下)、比例、分隔线位置、出现在屏幕上时显示提示和在电脑上跟随鼠标。每个版块最多 2 个。要在店铺的其他地方使用,请添加前后对比版块,请参阅前后对比、波浪、粒子和返回顶部。

颜色

这些区块默认都跟随版块的颜色。关闭使用父级配色方案,即可为它选择其他配色方案。

仍需帮助?

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

联系我们