How to get multiple announcement bars with custom logos

sakshxm
Excursionist
19 0 2

Hey guys, I want to get multiple announcement bars with a custom shipping logo and heart logo like the image attached below. Any ideas/tutorials?

 

Screenshot 2024-02-06 210827.png

Saksham Kalia
Replies 6 (6)

webwondersco
Shopify Partner
1098 164 161

@sakshxm , Multiple annocement bar ?

 

like scrolling or placed down each other?

 

and could you please share your store URL?

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
sakshxm
Excursionist
19 0 2

Hello, placed down each other - one on top of another one like this: https://forchics.com/products/forlash (do you also see how when you scroll down, the bottom announcement fades away, I want to know how to do that as well please)

 

my website: https://shopstellory.com/products/sticky-inserts - I'm using the Impulse theme and only able to show sliding announcements

Saksham Kalia
webwondersco
Shopify Partner
1098 164 161

It'll be done by adding some custom code.

 

Do you have an idea about liquid coding, HTML, CSS, and JS?

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
sakshxm
Excursionist
19 0 2

Hi, yes I know how to do liquid coding! I've done some other custom codings in the past but there isn't a guide on multiple announcement bars - could you please explain how we can code this feature in? (if you need me to send any store code from a specific block let me know) - thanks! 

Saksham Kalia

TerenceKEANE
Shopify Partner
294 61 53

Yes, it can be done manually, but it requires writing quite a lot of code. I recommend looking into simpler solutions like adding plugins. Otherwise, it is possible to create both fields found on the sample site.

 

Terence Keane

Best Regards,

 

 

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
sakshxm
Excursionist
19 0 2

Hey Terence!

Thanks for the suggestions brother! Could you please recommend any plugins that I should lookup? or any idea on how I could create both the fields?

Saksham Kalia