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

Create an Announcement Bar

Add a top-of-page announcement bar with custom message, colors, and optional link.

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 an announcement bar that I can paste into my theme as a custom section, placed above the header at the very top of my store. Display the message [ANNOUNCEMENT_TEXT]. Use [BACKGROUND_COLOR] as the bar background and [TEXT_COLOR] for the text. Make the text link to [LINK_URL] if clicked. Set the font size to [FONT_SIZE] pixels. Add a dismiss/close button on the right side so customers can hide it. The bar should be [BAR_HEIGHT] pixels tall and the text should be centered. Make it sticky so it stays visible when scrolling. On mobile, allow the text to wrap to two lines if needed. 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