The Scrolling collections section allows you to showcase multiple collections in a horizontal scrolling layout. Each collection is displayed as an image card with its title, making it easy for customers to browse and navigate to different product collections.
This section is useful for highlighting featured categories, product types, or collections while creating a visually engaging browsing experience.
Click the section name to see the section settings on the right-hand sidebar.
Customize the overall appearance of the section.
Color scheme: Select the color scheme applied to the section. You can choose an available color scheme or customize it through Edit scheme.
Custom background type: Choose how the section background is displayed. Available options include Inherit, Color, and Image.
Use the Section header settings to add introductory content above the collection cards.
Caption: Add optional caption text above the main heading.
Heading: Enter the main heading of the section.
Heading size: Select the size of the section heading.
Heading tag: Choose the HTML heading tag, such as h2. Select an appropriate heading tag because it can affect the page's SEO structure.
Description: Add supporting text below the heading.
Text size: Select the size of the description text.
Button text: Add text for the section button when needed.
Click Add Collection to add collection cards to the scrolling list.
Each Collection block represents one collection and can display a custom image and title. You can also assign a custom destination link.
The available options include:
Collection: Select the Shopify collection associated with the card.
Image: Select the image displayed for the collection. If no custom image is selected, the collection image is used by default. An image size of 1000 × 1000 px is recommended.
Title: Enter the title displayed on the collection card, such as Woman or Men. If left unchanged, the collection title is used by default.
Link: Set the destination customers are taken to when interacting with the collection card. By default, the selected collection URL is used.
You can add multiple Collection blocks and reorder them by dragging and dropping the blocks in the Theme Editor.
The collection cards are presented in a horizontal scrolling layout, allowing additional collections to continue beyond the visible area when there are more cards than can fit on the screen.