Add FREE Shipping under the price (Dawn Theme)

Hello,

I am creating an online store (https://anshul-788.myshopify.com/) and I need to add the “FREE Shipping” text in two places:

The first one - I want to add the text “FREE shipping” under the product price - see image below. How do I do that? I am using the Dawn theme.

The other place is on the checkout page. While I am offering free shipping, the checkout page says “Calculated at next step” in front of shipping. When I enter the address, it changes to FREE. Is there a way to make sure it says FREE all along? I changed the language setting under “shipping policy html” to “FREE Shipping” but that did not help.

Any help would be greatly appreciated. This is my first time using Shopify so a bit confused about it.

Thanks,

Anshul

I did this to my store as well. You need to edit the code to make this change. Please back up your files before you edit your code.

Find the snippet product-card.liquid, open it and find the following line:

{% render 'price', product: product_card_product, use_variant: product_card_product.first_available_variant.id, price_class: price--large -%}

under that line, add these lines: (the
just adds in a blank line, you might not need it, but I did.)

 FREE SHIPPING 

Save your file. You can check your site and see if you like it. If you want “Free Shipping” to be darker, change the word “light” to “dark”.

Next, open en.default.json and look for “shipping_policy_html” and change the line to read as below, or whatever message you prefer. Only change the “Shipping is free” part of that line.

"shipping_policy_html": "Shipping is free."

Save your file.

I hope this helps!

1 Like

Thank you so much. This was very helpful. I was able to solve the first problem of displaying Free Shipping under my product price.

The second problem, where it displays “Calculated at next step” after you click checkout still remains. Any advice on that?

Have you set your store to free shipping?

Check under Settings>Shipping>Manage Rates and set to free. That should do the trick. I don’t remember having to alter the code in that spot, so it might in your settings.

Hi @anshulag ,

Nice to meet you and nice idea regarding the products you sell! I am half Indian, so I’ll consider buying your product if I have kids :slightly_smiling_face: :slightly_smiling_face:

There should be a language setting to change “Calculated at next step”. Go to Themes > Actions > Edit languages > Checkout & System > Update Shipping default value (see screenshot attached) > Save

Let me know if that works.

Thank you,

Hasan

2 Likes

Kindly let me know how to increase the font size of FREE SHIPPING text

Super helpful, thank you!

1 Like