设置配送日期选择器
5 min read
本指南将在约十分钟内,为您的商品页和购物车页装上一个可用的配送日期与时间段选择器。无需代码——您只需添加一个主题应用区块,并创建一条可用性规则。
开始之前
- 您已在 Advanced 方案上(配送功能为 Advanced 专属)。如果您在 Starter 或 Pro 方案,请从 设置 → 方案 升级——可享 14 天免费试用。
- 您至少有一个可用于测试的商品。
1. 开启配送日期
- 从 Shopify 后台打开 OrderRules(应用 → OrderRules)。
- 进入 配送 → 可用性规则。
- 点击 启用配送日期。OrderRules 仅在此时 申请所需的额外权限(地点、订单、履约)——绝不在安装时索取。
2. 添加主题应用区块
店铺前端的选择器通过 主题应用区块 渲染,因此它保留在您的主题内部,并能在主题更新后继续保留。
- 在 Shopify 后台进入 在线商店 → 主题 → 自定义。
- 打开一个 商品 模板。在左侧面板中,于商品主区域选择 添加区块(或 添加板块),并选取 OrderRules — 配送日期(它出现在 应用区块 下)。
- 在 购物车 模板上重复此操作(如果您的主题使用抽屉式购物车,也一并添加)。在大多数主题上,OrderRules 会自动识别购物车;只有当选择器未出现时才需手动添加区块。
- 保存。 (设置细节:该区块是以
mainSection为目标的应用区块——如果您的主题隐藏了应用区块,请参阅 主题应用区块设置。)
3. 创建第一条可用性规则
- 回到 OrderRules,进入 配送 → 可用性规则 → 添加规则。
- 设置:
- 备货时间 — 顾客最早可以要求的日期(例如 2 天)。
- 截单时间 — 在此之后下的单顺延到下一个可配送日(例如 14:00)。
- 配送日 — 您在哪几天配送。
- 可预订范围 — 顾客最远可预订多久之后(例如 30 天)。
- 界定 规则范围:所有商品,或缩窄到某个商品/合集/标签,并可选按国家。选择 履约方式:配送、自提,或两者。
- (可选)在结账时要求选择日期/时间段,以强制顾客做出选择。
- 保存。
4. 添加时间段(可选)
在规则中添加 时间段(例如 10:00–12:00、14:00–16:00)。如果希望时段可以售罄,请设置 每时段产能。售罄的时段会自动对顾客变灰。
5. 测试
在店铺前端打开您的测试商品。您应能看到日期选择器(如已配置,还有时间段)。加入购物车并开始结账——OrderRules 的 Shopify Function 会拦截任何缺失、售罄或被封禁的选择。已下的测试订单会被自动标记为 delivery:YYYY-MM-DD 和 slot:HHMM-HHMM——请在后台查看该订单。