Collection list
Overview:
The Collection List section is designed to showcase multiple Shopify collections in a clean, scrollable card layout. It supports custom collection images, collection selection, responsive grid spacing, slideshow functionality, typography customization, color schemes, and spacing controls. This section helps merchants highlight featured categories, product types, seasonal collections, or curated shopping experiences in an engaging visual format.
Blocks Configuration
Collection Block
The Collection block displays an individual collection card inside the Collection List section.
Collection Settings
| Setting | Description |
|---|---|
| Image | Uploads a custom image displayed for the collection card. |
| Collection | Selects the Shopify collection displayed inside the card. |
Card Settings
Card Layout:
| Setting | Description |
|---|---|
| Card Size | Controls the size of collection cards displayed inside the section. |
Collection Heading Typography:
| Setting | Description |
|---|---|
| Collection Heading Size | Controls the size of collection headings such as H6, Large, Medium, or Small. |
| Collection Heading Weight | Adjusts the font thickness ranging from Thin (100) to Black (900). |
| Collection Heading Case | Changes text transformation style such as Uppercase, Lowercase, Capitalize, or Default. |
| Collection Heading Tag | Sets the HTML heading tag level from H1 to H6 for SEO and accessibility purposes. |
| Collection Heading Font Family | Allows switching between Default and Body font family styles. |
Grid Settings:
| Setting | Description |
|---|---|
| Desktop Grid Spacing | Adds spacing between collection cards on desktop devices. |
| Mobile Grid Spacing | Adds spacing between collection cards on mobile devices. |
Slideshow Settings:
| Setting | Description |
|---|---|
| Show Slideshow Arrows | Displays navigation arrows for switching between collection cards. |
| Enable Auto Play | Automatically rotates collection cards. |
| Slideshow Interval | Controls autoplay delay timing between slide transitions. |
Layout:
| Setting | Description |
|---|---|
| Container Layout | Determines whether the section uses Contained, Contained Content, or Full Width layout. |
| Container Width | Controls the maximum width of the section container on desktop devices. |
Color Scheme:
| Setting | Description |
|---|---|
| Section Color Scheme | Applies a predefined color palette to the Collection List section background and content. |