注文状況JavaScriptアセット

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

管理画面の [追加スクリプト] ボックスを使用して、チェックアウトの注文状況ページにJavaScriptを追加できます。

Shopify.Checkout.OrderStatus 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で販売を開始する準備はできていますか?

無料体験を試す