配送方法に応じたコンテンツを表示する

ここでは、checkout.shipping_method.title変数で条件を使用する方法を説明します。

例えば、Johnが実店舗の近隣のお客様に対し店頭受取オプションを提供するにあたり、このオプションが選択された場合にのみ店舗住所を注文状況ページで表示するには、以下の手順を実行します。

手順:

  1. [追加スクリプト] セクションまでスクロールします。

  2. クリップボードに以下のコードをコピーします (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 are waiting for you to come and get your stuff, our brick and
         mortar is open 9 to 5 and our address is 14 Diagon Alley (three up and
         two across from the trash can).</p>`
      )
    {% endif %}
  </script>
  1. このコードを [追加スクリプト] ボックスに貼り付けます(Macではcommand + v、Windowsではctrl + v)。

  2. テスト注文を完了し、注文状況ページを表示します。

Shopify - 注文状況「ありがとうございました」

Shopifyで販売を開始する準備はできていますか?

無料体験を試す