Collection list page

Overview:

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.This section providing a customizable layout to display a list of collections with options for different layouts such as scroll and slideshow, along with various customization settings for headings, text, layout, buttons, and more.

Section Configuration:

General Settings

Setting	Description
Heading	Inline rich text field for the section heading with a default value of "Collections".
Heading Size	Select field for the heading size with options ranging from extra extra large to medium.
Section Description	Inline rich text field for the section description with a default value explaining the purpose of the section.
Text Size	Select field for the text size with options for small, medium, and large.

Setting	Description
Show Breadcrumb	A checkbox to toggle the display of breadcrumbs, defaulting to true.
Show Top Border	A checkbox to toggle the display of the top border, defaulting to false.
Show Bottom Border	A checkbox to toggle the display of the bottom border, defaulting to true.
Color Scheme	Color scheme selector for the breadcrumb.

Grid Settings

Setting	Description
Sort By	Select field to sort collections by different criteria (alphabetical, date, product count).
Number of Columns on Desktop	Range field to set the number of columns on desktop devices.
Number of Rows on Desktop	Range field to set the number of rows on desktop devices.
Number of Columns on Mobile	Select field to set the number of columns on mobile devices (1 or 2).

Products Card Settings

Setting	Description
Product Card Media Size	Select field for the media size with options for adapt, square, portrait, and landscape.
Show Products Count	Checkbox to toggle the display of product counts for each collection.
Product Card Text Alignment	Select field for the card text alignment with options for left, center, and right.

Layout Settings

Setting	Description
Text Alignment	Select field for the section text alignment with options for left, center, and right.
Color Scheme	Color scheme selector for the section

Spacing Settings

Setting	Description
Top Padding	Adjust the space above the section content.
Bottom Padding	Adjust the space below the section content.