0

I want to add some additional content under shipping method on Shopify checkout page. same like this. My ref Site https://www.thegldshop.com

enter image description here

For this, I found this article and added this script

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 %}

But still not working for me. Here is my website url

https://hypeyourbeast.com/

2
  • 3
    It seems the website that you have checked has Shopify plus plan, and second, the backend advanced scripts sections code is only executed on thank you page, not on checkout steps.
    – Onkar
    Commented Apr 26, 2021 at 19:11
  • This type of scripts are used in script editor which is present in shopify plus plan Commented May 6, 2021 at 13:48

2 Answers 2

0

In Shopify, You will need Shopify plus account to do any change on the checkout page. Without a Shopify Plus account, you can't change anything on the checkout page.

0

You can modify the Thank You / Orders page in checkout without Shopify Plus. Plus is required to edit checkout for any step prior to "thank you".

Add tags around your code in the additional scripts area. This code worked for me:

<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>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.