---
title: "主题应用区块设置"
description: "店铺前端选择器需要 OrderRules Delivery 应用嵌入，以及商品和购物车模板上的 Delivery date picker 区块。两者都在「在线商店 → 主题 → 自定义」中添加。"
contentType: "docs"
locale: "zh"
localized: true
source: "https://orderrules.com/zh/docs/delivery/theme-app-block-setup"
slug: "delivery/theme-app-block-setup"
---
**店铺前端的配送选择器通过应用嵌入和主题应用区块运行，因此它保留在您的主题内部，并能在主题更新后继续保留**——无需代码，也不必修改 `theme.liquid`。

- **OrderRules Delivery** 应用嵌入会在每个页面加载选择器，并保存其文字和颜色设置。
- **Delivery date picker** 区块标记选择器在页面上出现的位置。

两者缺一不可。「配送日期」页面上的设置指南会直接链接到每一步。

## 添加嵌入和区块

1. 进入 **在线商店 → 主题 → 自定义**。
2. 打开 **应用嵌入**，开启 **OrderRules Delivery**。
3. 打开一个 **商品** 模板，在商品主区块中选择 **添加区块**，并在 *应用* 下选取 **Delivery date picker**。
4. 在 **购物车** 模板上重复此操作。
5. **保存。**

## 如果区块没有出现

- 确认 OrderRules 已 **安装**，并且已在应用中开启配送日期（**配送日期 → 在您的店面上提供配送日期选择**）。
- 把区块添加到接受应用区块的分区中。在大多数主题上，商品主区块都可以。
- **重新打开** 主题编辑器（关闭并重新打开「自定义」），让它加载应用的区块。
- 如果区块已放好但没有显示选择器，请检查 **OrderRules Delivery** 应用嵌入是否已开启。

## 区块应该放在哪里

| 模板 | 是否需要添加区块 | 说明 |
|---|---|---|
| 商品页 | 需要 | 商品主区块，在「应用」下 |
| 购物车页面 | 需要 | 选择器只会出现在您添加了区块的地方 |
| 购物车抽屉 | 不需要 | 在应用嵌入中开启 *Show the picker in the cart drawer / mini-cart* |

## 相关内容

- [设置配送日期选择器](/docs/delivery/getting-started-delivery-dates) · [可用性规则](/docs/delivery/availability-rules)
- [时间段](/docs/delivery/time-slots)
- [选择器放在哪里：产品页、购物车还是结账页](/blog/where-to-put-delivery-date-picker-shopify)