Hello -
How can I add “free shipping” text + icon to my product page? Ideally, in between the price and add to cart/buy now buttons. Similar to this page
My theme (Out of the Sandbox Flex) already has a truck icon in their library. My store is getjuv.myshopify.com.
I’m comfortable making the code edits.
Thank you,
J
Hi @jaip ,
Go to product__main.liquid file, find ‘product-form-container’ and add code here:
Code:
Free Shipping in USA (excludes HI & AK)
Hope it helps!
Thanks for the code!! Hmm, my theme doesn’t have a product-form-container section in product__main.liquid.
Any thoughts on where else it goes? Here’s a one time link to the product__main.liquid.
Hi @jaip ,
Can you upload the code to https://pastebin.com/ and send me the link? I will help you check it
Here you go - https://pastebin.com/WwuWSWVf
Thanks!
Hi @jaip ,
I checked and it is in the snippets > product.liquid file. So you can follow my instructions and change it at product.liquid file.
Hope it helps!
Thank you! It’s only displaying on the sections page (in theme editor, selecting products–> sections from top drop down). But, not displaying on the product page. Do you know why? Also, any tips on how to get it to show right under the pricing?
Appreciate your continued support!
Hi @jaip ,
Can you send me the staff account? I will check it quickly for you.
Because each theme will have a different file structure, I need to double check the file containing the content and add it.
Sure thing! What’s your email?
Hi @jaip ,
I sent an email via private message, please check it
Hi @jaip ,
Go to sections > product-image-scroll__main.liquid file and add code here:
Hope it helps!
Wonderful, thank you so much!!!
Tried moving it up above the “Add to cart” button but, it’s not working. Did I put the code in the right place?
Hi @jaip ,
Yes, go to sections > product-image-scroll__main.liquid file, find ‘modal_price subtitle’.
You can move the code here
