Scrolling Marquee Section

Create a continuously scrolling text banner for announcements, brand messaging, or visual interest.

Adding the Section

1. Open the theme editor
2. Click Add section
3. Select Scrolling Marquee

Direction

Choose scroll direction:

• Left to Right - Text moves rightward
• Right to Left - Text moves leftward (default)

Speed

Control animation speed:

• Lower values = faster scrolling
• Higher values = slower scrolling
• Measured in seconds per cycle

Recommended: 15-30 seconds for comfortable reading.

Text Styling

Text Size

| Size | Best For | |------|----------| | Small | Subtle announcements | | Medium | Standard messaging | | Large | Bold statements |

Font

• Heading - Uses your heading font
• Body - Uses your body font

Text Transform

• Normal - As typed
• Uppercase - ALL CAPS
• Italic - Italicized text

Stroke Effect

Enable for outlined text effect - text appears as outlines only, creating a modern editorial look.

Dividers

Separate text items with decorative dividers:

| Option | Appearance | |--------|------------| | Dot | • | | Star | ★ | | Dash | — | | Custom | Your own character |

Custom Divider

Enter any character or short text as a divider.

Spacing

| Option | Effect | |--------|--------| | Tight | Closer text items | | Normal | Standard spacing (default) | | Loose | More space between items |

Pause on Hover

Toggle to pause scrolling when customers hover over the marquee.

Adding Text Items

Creating Text Blocks

1. Click Add block
2. Select Text
3. Enter your message
4. Optional: Add a link

Links

Each text item can link to:

• Collection pages
• Product pages
• External URLs
• Any page on your site

Color Scheme

Style the marquee with:

• Background color
• Text color
• Divider color

Use Cases

Announcements

• "Free Shipping Over $50"
• "New Collection Now Live"
• "Holiday Sale - 20% Off"

Brand Messaging

• Brand values
• Taglines
• Mission statements

Social Proof

• "10,000+ Happy Customers"
• "As Seen In Vogue"
• "Award-Winning Design"

Urgency

• "Limited Time Offer"
• "Selling Fast"
• "Last Chance"

Best Practices

Readability

• Keep messages short
• Use clear, simple language
• Avoid too many items (3-5 is ideal)
• Ensure sufficient contrast

Speed

• Not too fast (hard to read)
• Not too slow (looks broken)
• Test with actual content

Placement

Common locations:

• Below header
• Above footer
• Between major sections

Accessibility

• Pause on hover helps readability
• Don't rely solely on marquee for critical info
• Ensure color contrast meets standards

Multiple Marquees

You can add multiple marquee sections:

• Different speeds/directions for visual interest
• Different messages for different purposes
• Alternate color schemes