订单状态 JavaScript 资产

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

您可以将自定义内容添加到具有 Shopify.Checkout.OrderStatus 订单状态 JavaScript 资产的订单状态页面，例如以下示例：- 特定产品的备注 - 各个发货方式的说明 - 数字产品的下载链接

若要从 Shopify 后台添加此 Javascript 资产，请转到设置 > 结账。向下滚动到订单状态页面部分，然后将 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 进行销售了吗？

免费试用