为什么附加脚本在 shopify 中不起作用？

Question

我想在 Shopify 结账页面的送货方式下添加一些额外的内容。像这样。我的参考网站 https://www.thegldshop.com

enter image description here

为此，我找到了这篇文章并添加了这个脚本

https://help.shopify.com/en/manual/orders/status-tracking/customize-order-status/show-content-based-on-shipping-method

{% if checkout.shipping_method.title != 'Pick-up at the store' %}
      Shopify.Checkout.OrderStatus.addContentBox(
        `<p>Okay, we're ready for you to collect your products from 17 Mapple Crescent, Toronto. Our store is open 9:00 to 5:00 every day.</p>`
      )
    {% endif %}

但仍然不适合我。这是我的网站 url

https://hypeyourbeast.com/

Answer 1

在 Shopify 中，您需要 Shopify plus 帐户才能在结帐页面上进行任何更改。没有 Shopify Plus 帐户，您无法在结账页面上更改任何内容。

Answer 2

您可以在没有 Shopify Plus 的情况下修改结账时的感谢/订单页面。需要 Plus 才能在“谢谢”之前编辑任何步骤的结帐。

在附加脚本区域中围绕您的代码添加标记。此代码对我有用：

<script> 
  // DEBUG {{ checkout.shipping_method.title }} has been used
   {% if checkout.shipping_method.title != 'Pick-up at the store' %}
     Shopify.Checkout.OrderStatus.addContentBox(
       `<p>Added content box {{ checkout.shipping_method.title }}</p>`
     )
   {% endif %}
</script>

为什么附加脚本在 shopify 中不起作用？

why additional script not working in shopify?

javascript

liquid

e-commerce

shopify

shopify-template