訂單狀態 JavaScript 資產

此頁面列印時間為 Apr 19, 2024。如須最新版本，請至 https://help.shopify.com/zh-TW/manual/orders/status-tracking/customize-order-status/order-status-javascript-asset。

您可以使用 Shopify.Checkout.OrderStatus 訂單狀態 JavaScript 資源將自訂內容新增至訂單狀態頁面，例如以下範例：- 特定商品的備註 - 個別運送方式的說明 - 數位商品的下載連結

若要從 Shopify 管理介面新增此 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 銷售商品了嗎？

免費試用