Marquee
A continuously scrolling ticker strip that displays a repeating sequence of text and icons across the full width of the page. Use it to highlight announcements, promotions, brand values, or trust badges in a compact and eye-catching way.
Section Settings
- Color Scheme — Sets the background and text colors for the marquee strip.
- Padding Vertical — Controls the space above and below the scrolling content inside the strip.
- Direction — Controls which way the marquee scrolls. Choose Right to Left for a standard ticker, Left to Right for a reversed flow, or Auto to alternate direction back and forth.
- Speed — Controls how fast the marquee scrolls. Higher values produce a slower, more relaxed scroll; lower values produce a faster scroll.
- Gap — Controls the spacing between each item in the marquee.
Item Blocks
Each block represents one item in the scrolling strip. You can add up to 20 item blocks. Items repeat automatically to fill the full width of the screen regardless of how many you add.
- Icon — An optional image or logo displayed alongside the text. Works best with small icons or brand marks.
- Icon Width — Sets the display width of the icon in pixels. The height scales automatically to maintain the aspect ratio.
- Content — The text displayed in the marquee item. Supports rich text so you can add links, bold text, or italic text.
Best Practices
Do
- Keep each item's text short — one phrase or a few words works best at marquee scale.
- Use icons to add visual variety and break up repeated text items.
- Use the Auto direction for a subtle back-and-forth effect on pages where a looping ticker might feel too aggressive.
- Adjust the Speed setting to match your store's overall pacing — slower speeds feel more premium, faster speeds feel more urgent.
- Add at least three to four item blocks so the strip looks full and the repetition feels natural.
Don't
- Write long sentences in the content field — text is truncated to 10 words and long copy looks cluttered in a ticker.
- Use large or complex images as icons — small, simple marks at 32px or less work best.
- Set the speed too fast — extremely rapid scrolling is hard to read and can feel distracting.
- Leave item blocks empty — blank items create invisible gaps in the scrolling strip.
- Add more than 20 blocks — the section has a maximum of 20 items.