显示与位置
显示与位置设置指南
本指南将帮助您配置显示与位置设置,以自定义Shopify店铺中的预计到达时间(ETA)组件。
启用组件
- 功能:控制ETA组件在全店的显示状态
- 操作方式:
- 启用:切换开关至"开"状态
- 停用:切换开关至"关"状态
添加组件到店铺主题
提供三种集成方式:
- 添加应用区块:通过Shopify主题编辑器快速添加
- 嵌入应用:无需代码即可定位组件
- 手动添加(自定义Liquid代码):
<div class="ot-estimated-shipping"></div>
注:使用页面构建器时,需同时在主题编辑器和页面构建器中操作
特定位置配置
页面显示设置
- 可选页面:
- 产品页
- 首页
- 集合页
- 全站页面
- 注意:非产品页面可能因Shopify限制无法正确显示条件规则
未追踪库存商品显示
启用后可对未开启库存追踪的商品显示ETA横幅,适用于定制商品或代发货商品。
购物车与结账页日期模式
类型 | 静态日期 | 动态日期 |
---|---|---|
兼容性 | 所有主题 | 特定Shopify主题 |
工作原理 | 添加购物车时固定日期 | 根据当前日期动态更新 |
支持位置 |
|
|
购物车页 | ✓ | ✓ |
抽屉购物车 | ✓ | ✓ |
弹窗购物车 | ✓ | ✗ |
兼容动态日期的Shopify主题
包括Dawn、Craft等13款官方主题(完整列表见原文表格)
主题兼容性检查方法
在开发者工具中检查元素结构是否包含特定嵌套层级:
cart-item > cart-item__details > dl
邮件消息文本显示
操作步骤:
- 进入店铺设置 > 通知 > 选择邮件模板
- 检查产品单元格代码(推荐在折扣码下方插入)
- 添加指定Liquid代码片段
两种情况:
- 无折扣:在
expand_bundles
前添加代码
- 有折扣:修改为
line_item_group.properties
注:此方法适用于Shopify默认邮件模板,自定义模板可能需要额外支持
更新于: 07/08/2025
谢谢!