倒计时的工作原理
每个倒计时都由三部分构成:内容与计时、显示位置和设计。
无论您选择四种类型中的哪一种,Countdown Timer Bar Samita 中的每个倒计时都由相同的几部分构成。理解这些之后,其余文档只是对其中某一部分的细节说明。
1. 显示什么、何时运行:Settings 标签页
Section titled “1. 显示什么、何时运行:Settings 标签页”Settings 标签页包含倒计时的内容和计时。
内容是买家看到的文字:计时器上的标题和副标题、送达日期上的配送信息、库存条上的库存提示。文本字段可以包含 {stock_number} 或 {delivered_max_date} 等变量,应用会在页面加载时将其替换为实际值。
计时是倒计时之所以成为倒计时的关键。具体形式取决于类型:
| 类型 | 计时方式 |
|---|---|
| Countdown timer | Time type:固定结束日期、每位访客各自的分钟数,或每天重复的时间段 |
| Estimated delivery date | 发货和送达的天数范围、工作日、节假日以及截单时间 |
| Stock countdown | 没有时钟,统计的是库存而不是时间 |
| Cart countdown | 以分钟为单位的 Countdown duration,从买家的购物车被识别时开始计时 |
2. 显示在哪里:Display 标签页
Section titled “2. 显示在哪里:Display 标签页”Display 标签页决定谁能看到倒计时以及它显示在哪里。
Conditions 可按产品、产品系列、页面类型、客户、语言或国家/地区缩小范围。列表中的所有条件通过 All conditions 或 Any condition 组合,只有当前页面满足条件时,倒计时才会显示。
Display position 决定它在页面上的位置。勾选 Product page,应用会自动将倒计时放在“加入购物车”区域正下方。若要放在其他位置,例如首页区块、产品系列横幅或自定义模板,请复制 Shortcode,并通过模板应用块添加。
Device targeting 可将其限制为仅在桌面端或移动端显示。
完整说明请参阅显示位置概览。
3. 外观如何:Design 标签页
Section titled “3. 外观如何:Design 标签页”倒计时器和预计送达日期带有 Design 标签页,可设置颜色、字体、背景、边框、内边距以及各元素的样式。库存倒计时和购物车倒计时的设计选项(相对较少)则放在 Settings 标签页内。
每种类型的末尾都有一个 Custom CSS (Developer Zone) 框,用于处理控件无法覆盖的需求。请参阅设计倒计时。
Active 或 Draft
Section titled “Active 或 Draft”除上述所有内容之外,每个倒计时还有一个状态:
- Active:在店面上线,并受其计时和条件约束。
- Draft:已保存且可编辑,但不会显示。
您在保存前于构建器中设置状态,之后也可以在倒计时列表中切换。
店面实际是如何工作的
Section titled “店面实际是如何工作的”买家加载页面时,应用嵌入的脚本会检查哪些已启用的倒计时与该页面匹配,在买家的浏览器中计算剩余时间,并显示匹配的倒计时。模板中不会预先写入任何内容,因此您在应用中保存的更改无需重新发布模板即可生效。
完整说明请参阅工作原理。