注文状況JavaScriptアセット

このページはJun 10, 2023に印刷されています。最新のバージョンについては、https://help.shopify.com/ja/manual/orders/status-tracking/customize-order-status/order-status-javascript-assetをご覧ください。

Shopify.Checkout.OrderStatusの注文状況JavaScriptアセット (特定の商品に関するメモ - 個々の配送方法の手順 - デジタル商品のダウンロードリンクなど) を使用して、注文状況ページにカスタムコンテンツを追加できます。

管理画面からこのJavascriptアセットを追加するには、[設定] > [チェックアウト] に移動します。[注文状況ページ] セクションまでスクロールダウンし、Javascriptアセットを [追加スクリプト] ボックスに追加します。

このJavaScriptアセットは、ScriptTag経由でアクセスすることもできます。

機能概要

Shopify.Checkout.OrderStatus には、新しいコンテンツを生成する機能があります。

addContentBox(params)

この機能によりコンテンツボックスが追加され、関数に渡された各パラメーターが個別の行にレンダリングされます。

HTML5は関数内でサポートされており、関数の外ではLiquidを使用することができます。

例

特定の配送方法を使用している場合、コンテンツを追加することができます。このコードでは、お客様がストアの配送方法で受取を選択すると、注文状況ページにストアの営業時間が追加されます。

<script>
  {% if checkout.shipping_method.title == 'Pick-up at the store' %}
    Shopify.Checkout.OrderStatus.addContentBox(
     '<h2>Pick-up in store</h2>',
     '<p>We are open everyday from 9am to 5pm.</p>'
    )
  {% endif %}
</script>

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

無料体験を試す