The Scrolling Collections section displays selected collections in a horizontal scrolling layout, helping highlight categories and guide customers to key product groups.
You can control the background and overlay settings to match your store design.
Color scheme | Select a predefined color scheme for the section. | |
Background type | Choose the background type: none, color, or media (image or video). | |
Mobile background image | Upload a separate image optimized for mobile. |
If using a background image, you can enhance readability with an overlay:
Background overlay | Enable to apply an overlay on top of the image. |
Color overlay | Choose the overlay color. |
Overlay type | Select Solid or Gradient. |
Gradient direction | Set the gradient direction (Up or Down). |
The Section header controls the title and description displayed above the collections.
Caption | Add a short, secondary label or subtitle that appears above the main heading. |
Heading | Enter the primary section title in the Heading field. |
Heading size | Choose the font size for the heading to match your page's visual hierarchy. |
Heading tag | Select the appropriate HTML heading tag (e.g., h2, h3) to help with search engine rankings and SEO. |
Description | Use the rich-text editor to add optional descriptive text or context below the heading. |
Button text | Add a label for a call-to-action button that links customers to another page or collection. |
Each Collection item represents a collection shown in the scrolling list.
Collection | Click the Select collection button to choose which specific product group you want to display. |
Image | Upload a custom image to represent the collection. If left empty, the theme will automatically use the default collection image. |
Title | Enter a custom collection title. If left empty, the display will default to the original collection name. |
Link | Provide a custom link to redirect users to a specific page. If left empty, the link will default to the standard collection URL. |