訂單狀態 JavaScript 資產

您可以使用 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 銷售商品了嗎?

免費試用