How to edit shipping page - Add text next to shipping method?

[Crow55]

Hi all,

I'm using the free Brooklyn theme. I'm offering only one shipping option - free shipping.

However, I cannot figure out how to add some text description to the shipping method.

I just want to add this text on the shipping page next to the shipping method: "Shipping will take 2-4 weeks".

Many thanks 

[yanggatang]

You'd have to edit code; I can help you if you post your source code 

[Crow55]

Hi Yanggatang,

I searched the theme edit files but could not even identify which file is associated with the shipping page?

Appreciate the help

[yanggatang]

Try using the google chrome inspect tool. Inspect the page and scroll through the classes and Id's to try and find a page in the source code associated with the page.

[Nick]

Hi @Crow55 and @yanggatang,

Someone on the Shopify support team recently discovered a possible solution to what you are looking for here.  If you take the following steps in your store admin:

Online Store> Themes> Actions> edit languages > cart > shipping method notice and the disclaimer is entered as seen in the screenshot below:

It should allow you to add some text with extra context to the shipping bar at the checkout. Let me know if that works for you!

[faust]

I really want and need this to work for me so I can add a note about shipping however this must not work on the theme I'm using (Debut) as that "shipping method notice" is not an option for me in: "Manage checkout language". Any Ideas? THANKS!

[Nick]

Hi @faust,

It might be worth speaking to our theme support team about this if you can't find it yourself. If you are using a free Shopify theme (which you are with Debut) and are on a paid plan you do have 60 free minutes of design time from the theme support team.  Please visit our support team here and log in to your account to create a support request for this! 

[MattyVatty]

worked like a charm!!

on a different theme and took a while to find the section but did work!  thanks nick

i follow this path Online Store> Themes> Actions> edit languages > then find the "checkout & System" tab

see below, i had to click on the 3 dots on the far right side to show me the "checkout & system" tab

for some reason the search bar did not work, so I bloody had to scroll down and down, and .... aaaaal the way -  and eventually, you will get to it as below 😉 

you need to find the "shipping method notice"

and whatever you write down here, the result will look like :

 

hope it helps!

so no coding or apps required 😉 freeeee (well sorta)

[FileNumberDate]

You can try this. It will display whatever you want on the order status page. Here you can write your message.

To add a custom message, you'll first need to find the "Additional Scripts" box located in Admin -> Settings -> Checkout.

Note: This box is mainly used to place third-party tracking pixels that are activated when a customer makes a purchase.

Here you can add this code which adds content when a particular shipping method has been used:

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

Please change your shipping_method title to your actual shipping method title. Also change the message or entire html accordingly.

You can try to do a test order to see the order status page.

Reference: Show content based on shipping method