> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.omegatheme.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 显示与位置

## 显示与位置设置指南

本指南将帮助您配置**显示与位置**设置，以自定义Shopify店铺中的预计到达时间(ETA)组件。

### 启用组件
* **功能**：控制ETA组件在全店的显示状态
* **操作方式**：
* **启用**：切换开关至"开"状态
* **停用**：切换开关至"关"状态
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1c72sne.png)

### 添加组件到店铺主题
提供三种集成方式：
1. **添加应用区块**：通过Shopify主题编辑器快速添加
2. **嵌入应用**：无需代码即可定位组件
3. **手动添加(自定义Liquid代码)**：
```html
   <div class="ot-estimated-shipping"></div>
```
   *注：使用页面构建器时，需同时在主题编辑器和页面构建器中操作*

## 特定位置配置
### 页面显示设置
* **可选页面**：
* 产品页
* 首页
* 集合页
* 全站页面
* **注意**：非产品页面可能因Shopify限制无法正确显示条件规则

### 未追踪库存商品显示
启用后可对未开启[库存追踪](https://help.shopify.com/en/manual/products/inventory/getting-started-with-inventory/set-up-inventory-tracking)的商品显示ETA横幅，适用于定制商品或代发货商品。

### 购物车与结账页日期模式
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_1iqc01p.png)

| 类型 | 静态日期 | 动态日期 |
| ---- |
| 兼容性 | 所有主题 | 特定Shopify主题 |
| 工作原理 | 添加购物车时固定日期 | 根据当前日期动态更新 |
| **支持位置** |  |  |
| 购物车页 | ✓ | ✓ |
| 抽屉购物车 | ✓ | ✓ |
| 弹窗购物车 | ✓ | ✗ |

#### 兼容动态日期的Shopify主题
包括Dawn、Craft等13款官方主题（完整列表见原文表格）

#### 主题兼容性检查方法
在开发者工具中检查元素结构是否包含特定嵌套层级：
`cart-item > cart-item__details > dl`
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_wtfuhw.png)
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_3w1qrr.png)

### 邮件消息文本显示
![](https://storage.crisp.chat/users/helpdesk/website/8383e5404a31c000/image_vkrbj6.png)

**操作步骤**：
1. 进入店铺设置 > 通知 > 选择邮件模板
2. 检查产品单元格代码（推荐在折扣码下方插入）
3. 添加指定Liquid代码片段

**两种情况**：
1. **无折扣**：在`expand_bundles`前添加代码
   ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/imgv302mgc9e64db5-5b9a-4949-b9_1mq0dah.jpg)
2. **有折扣**：修改为`line_item_group.properties`
   ![](https://storage.crisp.chat/users/helpdesk/website/-/8/3/8/3/8383e5404a31c000/imgv302mge00d14dc-992c-44ba-b1_gwr9mx.jpg)

*注：此方法适用于Shopify默认邮件模板，自定义模板可能需要额外支持*