Scrolling cards

GIFImage

The Scrolling cards section is a dynamic, editorial-style layout that pairs scroll-animated headings with zigzag cards to create a high-impact storytelling moment. As shoppers scroll, the content stays fixed while cards move vertically—perfect for campaigns, brand storytelling, or highlighting product features in an engaging way.

#How to add a Scrolling cards section to your Shopify store

#How to edit the section Scrolling cards

The Scrolling cards section includes 2 static blocks:

• Scrolling cards
• Headings

Scrolling cardsScrolling headings

Holds all the cards that will scroll in zig-zag form. On mobile, the cards are displayed in a carousel.

Features:

• Supports multiple Product overlay card blocks
• Mobile swipe support
• Auto zigzag pattern for alternating cards
• Cards align left/right based on position

The animated heading area scrolls vertically.

Features:

• Looping or stacked heading lines (e.g., Heading 1 → Heading 2)
• Smooth scroll-mask animation
• Height automatically adjusts to typography size

Besides headings, you can also include a descriptive text, a subheading, and a button.