Scrolling cards

Create an immersive storytelling layout with animated headings and staggered cards.

GIF

Image

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

1. In the theme editor (Customize), click Add section.

2. Select Scrolling cards section.

3. Make necessary changes.

4. Save.

How to edit the section Scrolling cards

The Scrolling cards section includes 2 static blocks:

• Scrolling cards

• Headings

Scrolling cards

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

Scrolling headings