Task IntentTheme

Generate Scrolling Announcement Banner

Create a scrolling marquee announcement banner with multiple messages, adjustable speed, pause on hover, and dismissable option.

What This Sidekick Query Does

Create a scrolling marquee announcement banner with multiple messages, adjustable speed, pause on hover, and dismissable option.

Prompts

Copy, adapt, and run this directly in Shopify Sidekick.

Run on Shopify Sidekick

Create a scrolling announcement banner block:

Features:

  Horizontal scrolling/marquee text
  Multiple messages that rotate
  Pause on hover
  Dismissable (close button, remembers with cookie)
  Link option for each message


Settings:

  Messages (up to 5, each with text and optional link)
  Scroll speed (slow/medium/fast)
  Scroll direction (left/right)
  Background color
  Text color
  Font size
  Show close button toggle
  Separator between messages (dot/pipe/star/custom)


Requirements:

  Smooth infinite scroll animation (CSS-based)
  Works above or below header
  Mobile responsive (smaller font)
  Accessible (pause animation for reduced-motion preference)
  Lightweight (no heavy JS libraries)


Generate as a theme block for the header area.

Expected Output

Create a scrolling marquee announcement banner with multiple messages, adjustable speed, pause on hover, and dismissable option.

Tips to Improve Results

Copy the prompt above

Open Shopify Sidekick in your Shopify admin

Paste the prompt and replace the bracketed placeholders with your details

Review Sidekick's response and apply the suggestions