訂單狀態 JavaScript 資產

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

您可以使用 Shopify 管理介面中的「其他指令碼」方塊，將 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 銷售商品了嗎？

免費試用