Dawn 12 theme: How to Add a Shipping Icon to Announcement bar

[DRAWandCARE]

Hello, wonderful community!

I’m wondering how to add a Shipping Icon to the Announcement bar on my website before the ‘FREE WORLDWIDE SHIPPING’ (second announcement).

My website is https://www.drawandcare.com/ (DAWN 12.0.0 theme)

I’d like to use this icon: https://www.flaticon.com/free-icon-font/shipping-fast_11659947 similar to how it’s done on this example site: https://www.riverry.com/

Would be immensely grateful for any assistance!

[Spac-es]

To add logos/icons you must first install a well-known library called fontawesome.com from theme.liquid add this code:

And now you can add any logo wherever you want. For the logo you request:

Add it to a document called announcement-bar.liquid (line 44). The code should look like this:

To add space between the icon and the text add the following code (implemented in the image above): style=“margin-right: 5px;”

I hope it helped you!

[theycallmemakka]

Hi @DRAWandCARE ,

Follow these Steps:

1. Go to Online Store

2. Edit Code

3. Find theme.liquid file

4. Add the following code just above tag

Result:

If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[DRAWandCARE]

Hi, thanks so much for your reply!

Unfortunately, it didn’t work, and the icon didn’t appear:

[theycallmemakka]

Hi @DRAWandCARE ,

Please replace below mentioned section with a :

[DRAWandCARE]

Unfortunately, it still doesn’t appear.

[theycallmemakka]

Copy the code from this link and add it to the end of theme.liquid file. This should work on your end

https://codeshare.io/zyRKV4

[DRAWandCARE]

Yes, it worked! Thank you SO MUCH for your help!

[theycallmemakka]

If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!

Best Regards,
Makka

[Spac-es]

This solution is much more efficient, you can add logos/icons much faster whenever you want. I hope you implement it in the future, I highly recommend it.