配送方法に応じたコンテンツを表示する
このページはJul 27, 2024に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/orders/status-tracking/customize-order-status/show-content-based-on-shipping-methodをご覧ください。
特定の配送方法が注文に使用されている場合、変数checkout.shipping_method.title
を持つ条件付きスプリプトを使用して、注文状況ページにコンテンツを表示することができます。
たとえば、実店舗の近隣のお客様に対して店舗受取オプションを提供するにあたり、この実店舗受け取りオプションが選択された場合には、店舗住所を注文状況ページで表示することができます。
手順:
- 管理画面から、設定 > チェックアウトに移動します。
- [追加スクリプト] セクションまでスクロールします。
- クリップボードに以下のコードをコピーします (Macでは
command + c
、Windowsではctrl + c
)。
<script>
// DEBUG {{ checkout.shipping_method.title }} has been used
{% if checkout.shipping_method.title == 'Pick-up at the store' %}
Shopify.Checkout.OrderStatus.addContentBox(
`<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
)
{% endif %}
</script>
- このコードを [追加スクリプト] ボックスに貼り付けます(Macでは
command + v
、Windowsではctrl + v
)。 - テスト注文を完了し、注文状況ページを表示します。
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションで、[チェックアウト] をタップします。
- [追加スクリプト] セクションまでスクロールします。
- クリップボードに以下のコードをコピーします (Macでは
command + c
、Windowsではctrl + c
)。
<script>
// DEBUG {{ checkout.shipping_method.title }} has been used
{% if checkout.shipping_method.title == 'Pick-up at the store' %}
Shopify.Checkout.OrderStatus.addContentBox(
`<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
)
{% endif %}
</script>
- このコードを [追加スクリプト] ボックスに貼り付けます(Macでは
command + v
、Windowsではctrl + v
)。 - テスト注文を完了し、注文状況ページを表示します。
- Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
- [ストアの設定] セクションで、[チェックアウト] をタップします。
- [追加スクリプト] セクションまでスクロールします。
- クリップボードに以下のコードをコピーします (Macでは
command + c
、Windowsではctrl + c
)。
<script>
// DEBUG {{ checkout.shipping_method.title }} has been used
{% if checkout.shipping_method.title == 'Pick-up at the store' %}
Shopify.Checkout.OrderStatus.addContentBox(
`<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
)
{% endif %}
</script>
- このコードを [追加スクリプト] ボックスに貼り付けます(Macでは
command + v
、Windowsではctrl + v
)。 - テスト注文を完了し、注文状況ページを表示します。