Collection list

Overview:

The Collection List section is designed to display selected collections in a grid or slideshow layout. It allows merchants to showcase collections with a section heading, description, and an optional view more link. Each collection card can include a collection, custom image, supporting text, badge label, and individual color styling.

This section includes controls for heading size, view more text, desktop and mobile columns, text alignment, card layout, hover animation, card heading size, arrow visibility, custom spacing, color scheme, slideshow behavior, and section spacing.

How to set up the Collection list section?

Navigate to customization theme. At the top of the page, click the dropdown to select the Home page template.
Select “Collection list” from the left menu.
Customize this section by using the settings described in the following table:

Customize section settings:

Settings	Description
Heading	The title for the block. Use the buttons to make the text bold or italicized, or to add a internal/external link.
Heading size	The size of the heading text. Extra extra large Extra large Large (default) Medium Small Extra small Extra extra small
Description	Display paragraph-style text in the section.
Button label	The text that displays on the button.
Button link	The URL that you want the button to internal/external link to.
Grid Settings	Number of columns to display on desktop computers. Minimum: 2 , Maximum: 5 Note - Only applicable if “Scroll” is disabled Number of columns on mobile per row on mobile available options min: 1, max:2
Text Alignment	Align the text in the container. Choose between left, center (default), or right.
Center text on mobile	Select this checkbox to enable/disable the “Center text on mobile” option on the mobile devices.
Collection card view	Choose one of the following card view for your Collection card view Square Eclipse
Enable Animate on hover	Select this checkbox to enable/disable the “Animate on hover” option.
Collection Title Size	Select the size of the collection title text.
Heading size	The size of the heading text. Small Extra small(default) Extra extra small
Text Alignment	Align the text in the container. Choose between left, center(default) , or right.
Color scheme	A set of colors that you can apply to this section.
Enable Slideshow Settings	Customize this section by using the settings on the right side of the theme editor, as described in the following table. Select this checkbox to enable/disable the “Slideshow”.
Auto-play slides	Select this checkbox to enable/disable the “Auto-play slides” option in the slider. It keeps changing slides automatically on the storefront.
Show next/previous arrows	Select this checkbox to enable/disable the “Show next/previous arrows” option in the slider. Note - Arrows will be visible only on desktop.
Slide Navigation style	The style of the slideshow navigation that appears below the image. None Dots Lines Numbers
Change slides every	This settings will only work when the “Auto-play slides” option is enabled. And, it only provides a range of 2 to 9 seconds. Note - This will only work if auto-play is enabled.
Enable Custom Spacing	Enable custom spacing between collection cards.
Custom Gap	Set the gap (in px) between cards when custom spacing is enabled
Section spacing	Add space to the top or bottom of the Section. Use the range slider to add between 0px and 100px of space to the top or the bottom of your Slideshow section.
Pagination	Controls the pagination style used in the slideshow. Available options: none, dots, lines, or numbers.
Arrows position	Controls the placement style of the navigation arrows. Available options: center, default, or top.

Controls how many collection cards are displayed per row on mobile. Available options: 1 or 2 columns.

Block settings:

Settings	Description
Collection	Select any collection to display its list of products.
Image	Select any image to display. Note - This image replace the collection image.
Badge label	Type the badge text like “Sold out “ , “Sale” etc.
Badge position	Controls the badge placement on the card. Available options: top or bottom.
Badge background color	Controls the background color of the badge.
Badge text color	Controls the text color of the badge.
Color scheme	A set of colors that you can apply to this section.
Supporting text	Displays additional text for the collection card.