专注出海运营平台,解决跨境电商问题
当前位置:跨境智通山 > 其他跨境 > 正文

订单,Shopify订单状态JavaScript资产介绍

2022-03-09 20:37:19 其他跨境

订单,Shopify订单状态JavaScript核心内容介绍资产

                                               
你可以用 Shopify 后台自定义脚本框, JavaScript 添加到结账订单状态页面(以前称为感谢页面)。
                                               

订单,Shopify订单状态JavaScript资产介绍

订单,Shopify订单状态JavaScript资产介绍正文

       

   

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

   

   以上内容属于作者个人观点,不代表跨境网的立场!如有侵权,请联系我们。

   

   相关链接:Shopify如何在后台复制现有订单?Shopify现有订单操作清单的复制