订单状态 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>