订单状态 JavaScript 资产

已于 Jun 03, 2023 打印了此页面。若要查看当前版本，请访问 https://help.shopify.com/zh-CN/manual/orders/status-tracking/customize-order-status/order-status-javascript-asset。

您可以通过使用 Shopify 后台中的其他脚本框，将 JavaScript 添加到结账的订单状态页面。

Shopify.Checkout.OrderStatus JavaScript 资产可用于向订单状态页面添加多种类型的内容，包括：

  • 特定产品的备注
  • 单个发货方式的说明
  • 数字产品的下载链接。

也可以通过 ScriptTag 访问此 JavaScript 资源。

本页相关主题

如何实现

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 进行销售了吗？

免费试用