特定の商品の注文に応じたコンテンツを表示する

このページはJul 27, 2024に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/orders/status-tracking/customize-order-status/show-content-based-on-productsをご覧ください。

特定の商品が注文に含まれているかどうかを確認するために、checkout.line_itemsを使用して繰り返し処理する方法について説明します。

手順:

  1. 管理画面から、設定 > チェックアウトに移動します。
  2. [追加スクリプト] セクションまでスクロールします。
  3. 以下のコードをクリップボードにコピーします (Macの場合はcommand + c、Windowsの場合はctrl + cを押す)。 
<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>
  1. コードを [追加スクリプト] ボックスに貼り付けます (Windowsの場合はctrl + V、Macの場合はcommand + Vを押す)。
  2. テスト注文を完了し、注文状況ページを表示します。
  1. Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[チェックアウト] をタップします。
  3. [追加スクリプト] セクションまでスクロールします。
  4. 以下のコードをクリップボードにコピーします (Macの場合はcommand + c、Windowsの場合はctrl + cを押す)。 
<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>
  1. コードを [追加スクリプト] ボックスに貼り付けます (Windowsの場合はctrl + V、Macの場合はcommand + Vを押す)。
  2. テスト注文を完了し、注文状況ページを表示します。
  1. Shopifyアプリで [...] ボタンをタップし、[設定] をタップします。
  2. [ストアの設定] セクションで、[チェックアウト] をタップします。
  3. [追加スクリプト] セクションまでスクロールします。
  4. 以下のコードをクリップボードにコピーします (Macの場合はcommand + c、Windowsの場合はctrl + cを押す)。 
<script>
  {% for line in checkout.line_items %}
    // DEBUG looking at {{ line.title }}
    {% if line.title == 'Downloadable product' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        '<p>Download your product <a href="#">Here!</a></p>'
      )
    {% endif %}
  {% endfor %}
</script>
  1. コードを [追加スクリプト] ボックスに貼り付けます (Windowsの場合はctrl + V、Macの場合はcommand + Vを押す)。
  2. テスト注文を完了し、注文状況ページを表示します。

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

無料体験を試す