Skip to content

Marquee ​

A horizontally scrolling text ticker for announcements, promotions, or brand messaging. The text scrolls continuously in a loop.

Try it ​

Change the settings below and watch the preview update in real time. Click Split to see settings and preview side by side, or use the tabs to switch between them.

←Marquee
#111111
#ffffff
Storefront preview
FREE SHIPPING ON ALL ORDERS • NEW ARRIVALS WEEKLY • SHOP NOW •FREE SHIPPING ON ALL ORDERS • NEW ARRIVALS WEEKLY • SHOP NOW •FREE SHIPPING ON ALL ORDERS • NEW ARRIVALS WEEKLY • SHOP NOW •FREE SHIPPING ON ALL ORDERS • NEW ARRIVALS WEEKLY • SHOP NOW •FREE SHIPPING ON ALL ORDERS • NEW ARRIVALS WEEKLY • SHOP NOW •FREE SHIPPING ON ALL ORDERS • NEW ARRIVALS WEEKLY • SHOP NOW •
Live demo — Marquee on storefront
Live demo — Marquee on storefront

Settings ​

SettingWhat it does
Color schemePicks which set of colors to use for this section
Scroll speedHow fast the marquee scrolls — Slow, Medium, Fast, or Custom. Choose Custom to set an exact duration.
Scroll speed (seconds)The scroll animation duration in seconds (10–60 s). Only visible when Speed preset is set to Custom.
DirectionWhich way the text moves — left to right or right to left
Pause on hoverStops the scrolling when the visitor hovers their mouse over it
Font sizeSets the ticker text size — small, medium, or large
UppercaseSets the ticker text in capitals with wider letter spacing

Blocks ​

The marquee accepts any theme block. Add a Text block for each message:

SettingWhat it does
TextThe message to display

You can add multiple blocks. They show in sequence, spaced apart as they scroll — add a character like • to your text if you want a visible divider.

When it isn't showing ​

Every scrolling item is a block. A marquee with no blocks hides itself on the storefront and shows a prompt in the theme editor.

If it is not moving, the visitor may have reduced motion turned on — the text is then shown still, which is deliberate.

Tips ​

  • Keep messages short and punchy: "Free shipping over $50 ✦ 30-day returns ✦ New arrivals weekly." Long sentences are impossible to read in a scrolling ticker.

Built for the Shopify Theme Store.