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

checkout.line_itemsを繰り返して、特別な商品が注文されているかどうかを確認する方法については

注意

これは高度なチュートリアルであり、Shopifyではサポートされていません。HTML、CSS、JavaScript、Liquidなどのウェブデザイン言語の知識が必要です。以下のチュートリアルを実行する自信がない場合、Shopify Expertを雇う ことをおすすめします。

を参照してください。

たとえば、ダウンロード販売する商品の場合には、注文状況ページにリンクを追加します。ただし、デジタル商品が注文に含まれている場合にのみリンクを表示します。

手順:

デスクトップ

1. 管理画面から、設定 > チェックアウトに移動します。

iPhone

1. Shopifyアプリから、[ストア] > [設定] に移動します。
2. [ストアの設定] で、[チェックアウト] をタップします。

Android

1. Shopifyアプリから、[ストア] > [設定] に移動します。
2. [ストアの設定] で、[チェックアウト] をタップします。

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

2. 以下のコードをクリップボードにコピーします (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. テスト注文を完了し、注文状況ページを表示します。