订单状态 JavaScript 资产

您可以通过使用 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 进行销售了吗?

免费试用