---
title: "テーマアプリブロックの設定"
description: "ストアフロントのピッカーには、OrderRules Delivery アプリ埋め込みと、商品・カートテンプレート上の Delivery date picker ブロックが必要です。どちらも「オンラインストア → テーマ → カスタマイズ」で追加します。"
contentType: "docs"
locale: "ja"
localized: true
source: "https://orderrules.com/ja/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)