← All Skills
Theme 💎 Built for Sidekick ✍️ Sidekick drafts it — you apply it
shopify sidekick theme announcement-bar marquee

Add a Scrolling Marquee Announcement Bar

Create a continuously scrolling marquee announcement bar with multiple rotating messages.

View as Markdown

Sidekick writes it — you put it live

Sidekick produces the content or code for this, but doesn't apply it to your store itself. You'll paste or publish the result yourself — the prompt tells Sidekick to explain exactly where it goes.

📋 Prompt
Run in Sidekick 
Generate the Liquid, CSS, and JavaScript for a scrolling marquee announcement bar that I can paste into my theme as a custom section for the top of my store. Include these rotating messages separated by a [SEPARATOR] symbol: [MESSAGE_1], [MESSAGE_2], [MESSAGE_3], [MESSAGE_4]. The text should scroll continuously from right to left at a [SCROLL_SPEED] speed (options: slow, medium, fast). Use [BACKGROUND_COLOR] for the bar background and [TEXT_COLOR] for the text at [FONT_SIZE] pixels. Set the bar height to [BAR_HEIGHT] pixels. The scroll should pause when a customer hovers over the bar. Each message can optionally link to a different URL. Make the messages repeat seamlessly so there is no visible gap. On mobile, use the same scrolling behavior but allow a slightly smaller font size. Finally, tell me exactly which file this belongs in (a section file or a snippet included in theme.liquid) and how to add it via the Shopify theme editor.

How to Use

  1. Copy the prompt above
  2. Open Shopify Sidekick in your Shopify admin
  3. Paste the prompt and replace the bracketed placeholders with your details
  4. Review Sidekick's response and apply the suggestions