# Scrolling cards ![image](https://docs-assets.foxecom.app/pebble-theme/scrollingcards_qo45Reew.gif) ![image](https://docs-assets.foxecom.app/pebble-theme/Fox-BG%20Light%20-%202025-11-25T110437.153_fUr3ctve.jpg) 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](https://docs.foxecom.com/pebble-theme/theme-sections/scrolling-cards) * [Headings](#headings) Holds all the cards that will scroll in zig-zag form. On mobile, the cards are displayed in a carousel.

![image](https://docs-assets.foxecom.app/pebble-theme/image_BSpiv0GN.png) ![image](https://docs-assets.foxecom.app/pebble-theme/image_aQFYeiTf.png)

**Features:** * Supports multiple [Product overlay card blocks](https://docs.foxecom.com/pebble-theme/theme-blocks/product#product-overlay-card) * Mobile swipe support * Auto zigzag pattern for alternating cards * Cards align left/right based on position The animated heading area scrolls vertically. ![image](https://docs-assets.foxecom.app/pebble-theme/image_AsHRtorW.png) **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.