How can I remove the 'Free Shipping Worldwide' message on Turbo Theme?

[bmb]

Hello,

I'm using the Turbo Theme and I'm trying to remove the "FREE Shipping Worldwide" blurb that has a picture of a truck with it. It loads last on the page, so im thinking it's pulling from another source? It appears on almost every page whether the product is in stock or not. I tried looking in product, product-template, and product-form. I even went to Edit Languages, but I cant seem to find the image/text and remove it. Any help is appreciated. 

[DeepCode]

Hi @bmb  You could use the HTML inspector to locate the "FREE Shipping Worldwide" and then set a css rule "display: none" to the element. I have a video (https://youtu.be/dOjj2zY3A-4) talking about how to remove elements from the store webpage, you may find the removed elements in the video are different, but the idea is the same. You can easily do it by yourself 🙂

[bmb]

Thank you DeepCode!

[Zell]

Hello. How are you? I tried this, to remove FREE SHIPPING WORLDWIDE on each of my product page, but it's still not working for me. I tried removing it from each product. I even tried,

div#htusb_container_html_prod_generic_pricing {
  display: none; 
}

but it did not work. I added the !important; but still did not work.

 I had someone create my store last year & I told them not to do this. I ended up having someone else try to fix it. It was gone for a few months, but now it's back & IDK how to get rid of it. I told the guy who got rid of it the first time, he went from charging me $40 to now wanting to charge me $120 for something he was supposed to solve. I don't have funds like that and now I have not heard from them. This is the whole reason why I started a store to begin with. To help people and to become financially stable. Will you please help? How do I get rid of this once and for all?

[tanyabcrafting]

Hi! I am having this issue too and I could not remove it in the code so until I figure it out...I hid that field where you edit the product. I went to Customize the store... clicked on one of the products and there is the option to hide that field from your product description. This will buy you some time while you try to figure out how to get the code updated. I hope this helps.

[benbikerun]

Thanks for this, it worked for me 😀

[grnwellybrigade]

I am so loving you right now, @tanyabcrafting You're a complete genius!!! ❤️ 

Had no idea I could edit the product page in the Store Theme Customiser. Whooo hoo. And totally makes sense. :  ) 

[bmb · Accepted solution]

I solved it. If anyone else is facing this issue:

Go to Online Store > Themes > Actions > Edit Code

From there, Go to your Assets folder and select the styles.scss.liquid file.

Scroll to the bottom and add this: 

div#htusb_container_html_prod_generic_pricing {
  display: none; 
}

Reference 

[AcesInAction]

I have the same issue - need to remove "Free Shipping Worldwide" - but I have the theme "Motion".

I don't have the file: styles.scss.liquid in my assets folder. Where should I look next to resolve this?

[tanyabcrafting]

Hi! I am having this issue too and I could not remove it in the code so until I figure it out...I hid that field where you edit the product. I went to Customize the store... clicked on one of the products and there is the option to hide that field from your product description. This will buy you some time while you try to figure out how to get the code updated. I hope this helps.

[PuraVidaAthleti]

Open Shopify

Select store

Online store

Manage themes

Customize

On the right where your webpage is, scroll through and find your product.

Tap on your product open it

Select the Worldwide shipping on the page and turn it off.