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
1036 157 154

@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. 🙂
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
1036 157 154

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. 🙂
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
189 42 36

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,

 

 

★ 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!
Software Engineer - Specializing In Advanced E-Commerce Websites | Hundreds Of Advanced E-Commerce Website Experiences
★ https://novajetsoft.com --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD!
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