Collection list
Overview:
The Collection List section is designed to showcase a selection of product collections in a customizable grid or slideshow format. This section allows you to highlight key collections, adjust layout settings, and add descriptive text to enhance the user experience.
Section Configuration:
Content Settings
| Setting | Description |
| Collections | Select collections to display in the section. |
| Heading | Add a heading for the section. Defaults to "Collection list". |
| Heading Size | Choose the size of the heading: XX-Large, X-Large, Large, or Medium. |
| Description | Add a description for the section. This text appears below the heading. |
| View More Button Text | Customize the text for the "View All Categories" button. |
| View More Button Style | Select the style of the button: Primary or Secondary. |
| View More Button Link | Specify a URL for the "View All Categories" button to link to. |
| Open Link in New Window | Toggle to open the button link in a new window. |
Grid Settings
| Setting | Description |
| Columns on Desktop | Set the number of columns to display on desktop devices (2 to 5). |
| Columns on Mobile | Set the number of columns to display on mobile devices (1 or 2). |
| Mobile Columns Breakpoint | Define the screen width (in pixels) at which the mobile layout takes effect. |
Card Settings
| Setting | Description |
| Card Media Size | Choose the size of the media in the collection cards: Adapt, Square, Portrait, or Landscape. |
| Show Title | Toggle to display the collection title within each card. |
| Show Products Count | Toggle to display the number of products in each collection. |
| Text Alignment | Align the text within each collection card: Left, Center, or Right. |
Layout Settings
| Setting | Description |
| Section Text Alignment | Align the heading and description text on desktop devices: Left, Center, or Right. |
| Mobile Text Alignment | Align the heading and description text on mobile devices: Left, Center, or Right. |
| Color Scheme | Select a color scheme for the section. |
Slideshow Settings
| Setting | Description |
| Enable Slideshow | Toggle to display the collections in a slideshow format instead of a grid. |
| Auto Play | Automatically advance the slides when the page loads. |
| Show Navigation Arrows | Display navigation arrows for manually cycling through slides. |
| Show Pagination Dots | Display pagination dots for navigating between slides. |
| Change Slides Every | Set the interval (in seconds) between automatic slide transitions. |
Spacing Settings
| Setting | Description |
| Top Padding | Adjust the padding at the top of the section (in pixels). |
| Bottom Padding | Adjust the padding at the bottom of the section (in pixels). |