Collection list

Collection list:

Collection list sections gather and showcase new, noteworthy, or seasonal collections. It is a way to organize and display a group of related items or products, often with thumbnail images and brief descriptions.

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
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.

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.
Color scheme	A set of colors that you can apply to this section.