---
title: "主题应用区块设置"
description: "店铺前端选择器是一个以 mainSection 为目标的主题应用区块。通过「在线商店 → 主题 → 自定义」将其添加到商品和购物车模板。"
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`。

## 添加区块

1. 进入 **在线商店 → 主题 → 自定义**。
2. 打开一个 **商品** 模板，在商品主区域选择 **添加区块**，并在 *应用区块* 下选取 **OrderRules — 配送日期**。
3. 在 **购物车** 模板上重复此操作（如果您的主题使用抽屉式购物车，也一并添加）。
4. **保存。**

## 如果应用区块被隐藏

该区块是以 `mainSection` 为目标的应用区块。如果它没有出现：

- 确认 OrderRules 已 **安装并启用**，且您已在应用中点击 **启用配送日期**。
- **重新打开** 主题编辑器（关闭并重新打开「自定义」），让它加载应用的区块。
- 在大多数主题上，OrderRules 会 **自动识别购物车**，因此只有当选择器未显示时您才需要手动添加区块。

## 相关内容

- [设置配送日期选择器](/docs/delivery/getting-started-delivery-dates) · [可用性规则](/docs/delivery/availability-rules)