Shopify themes, liquid, logos, and UX
Hi all, want my announcement bar to be scrolling across.
I had it in my previous but updated the theme and lost it.
Is anyone able to help?
Website is devilsandangels.com.au
Thank you,
Hey @benhill97 ,
To make your announcement bar scroll across your Shopify store, follow these steps:
1. Online Store > Themes
2. Click Customize on the current theme.
3. On the customization page, click Theme settings (bottom left).
4. If there’s no built-in scrolling option for the announcement bar, proceed to edit the theme code.
Add Scrolling Effect in Code
1. Online Store > Themes > Edit Code.
2. Find the announcement-bar.liquid or a similarly named file under Sections or Snippets.
Insert the Marquee Code
1. Inside the announcement bar code, wrap the announcement text in the following HTML:
<marquee behavior="scroll" direction="left" scrollamount="5">
Your announcement message goes here!
</marquee>
2. Adjust the scrollamount value if you want to control the speed (lower value = slower).
This method should restore the scrolling effect! Let me know if you encounter any issues.
Best Regard,
Rajat Sharma
HI thank you for this! I'm having trouble finding my announcement message in the code?
<marquee behavior="scroll" direction="left" scrollamount="5" style="background-color: #000; color: #fff; padding: 10px;">
🎉 Free shipping on orders over $100! | New arrivals – Shop now! 🎉
</marquee>
Let me know if this works or if you need more help finding the right spot!
Hi @benhill97
Are you referring like this design?
Automatic scrolling?
This is doable, but it might require a developer.
We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024We want to take a moment to celebrate the incredible ways you all engage with the Shopi...
By JasonH Oct 15, 2024