Shopify features and tools
8 Simple Steps to add Shipping Truck Icon in the Announcement Bar in Shopify - Made4uo - Great Gift Deals

8 Simple Steps to add Shipping Truck Icon in the Announcement Bar in Shopify

Log in or Sign up to ensure access to FREE code across multiple devices.

Compatibility: Old or Legacy Shopify themes only

Follow the steps below. No need to have coding experience. Add a shipping icon in your announcement bar

 

To start:

1. Go to Shopify (make sure you are in admin). Then Online Store > Themes > Actions > Edit Code

2. Open theme liquid

3. Find the end of the head. It should be like this "</head>"

4. Place the code right above the "</head>"


5. Then, open the Section folder and click header.liquid

6. Find announcement-bar__message

7. Replace this code:


To this code:


You should also replace after the "endfor" code with this code


8. Click SAVE both the theme.liquid and the header.liquid

 Click if you want different icons.

If you have newer themes, or other themes, please do not hesitate to contact us for a quote.

Thank you!!!(",)

 

Copied!

Struggling with instructions?

Don't worry, we've got you covered for a reasonable price.

Contact us through "Chat with us" for a quote.

Relax as we handle it for you!

Back to blog

2 comments

Hello! Thank you so much for making these videos. I am a real noob, but managed so easily to use your content!

I was wondering if you know how to connect products – i will explain.
I have the same necklace in gold and silver. I want both of the variants to appear on both “necklesses” and “all jewelry” in the menu. At the same time I want to show both options when entering one of the products. So when you press gold, you will only see photos of gold, and the info for gold, and when pressing silver, the oposite.

I hope I explained my self ok.

Crossing fingers that you can help!

Thank you so much :-)

Vilde F

Leave a comment