Collection listing
Overview:
The Main Collections section allows merchants to showcase a customizable grid of product collections. It supports features like sorting, pagination, and dynamic column layouts for both desktop and mobile devices.
Settings Configuration:
General Settings
| Setting | Description |
|---|---|
| Section Caption | Add a caption to the section. |
| Section Caption Size | Choose the caption text size: Extra Large, Large, Medium, or Small. Default: Small. |
| Section Caption Weight | Set the weight of the caption: Bold, Semi-Bold, Medium, or Normal. Default: Medium. |
| Heading | Add a main heading for the section. |
| Heading Size | Set the heading size: H1, H2, H3, or H4. Default: H3. |
| Heading Weight | Set the weight of the heading: Bold, Semi-Bold, Medium, or Normal. Default: Bold. |
| Section Description | Add a description for the section. |
| Description Size | Choose the size of the description text: Extra Large, Large, Medium, or Small. Default: Small. |
| Description Weight | Choose the weight of the description text: Bold, Semi-Bold, Medium, Normal, or Light. Default: Light. |
Breadcrumb Settings
| Setting | Description |
|---|---|
| Show Breadcrumb | Enable or disable breadcrumb navigation. Default: Enabled. |
| Show Top Border | Add a top border to the breadcrumb area. Default: Disabled. |
| Show Bottom Border | Add a bottom border to the breadcrumb area. Default: Enabled. |
| Breadcrumb Color Scheme | Select the color scheme for the breadcrumb area. |
Grid Settings
| Setting | Description |
|---|---|
| Sort Collections | Sort collections by Alphabetical, Alphabetical Reversed, Date, Date Reversed, Product Count (High to Low), or Product Count (Low to High). Default: Alphabetical. |
| Number of Columns on Desktop | Choose the number of columns for desktop view. Range: 2 to 5. Default: 4. |
| Number of Columns on Mobile | Choose the number of columns for mobile view: 1 or 2. Default: 2. |
Card Settings
| Setting | Description |
|---|---|
| Card Heading Size | Set the size of the collection card heading: H5 or H6. Default: H5. |
| Card Heading Weight | Choose the weight of the collection card heading: Bold, Semi-Bold, Medium, or Normal. Default: Semi-Bold. |
| Card Media Size | Define the size of the collection card media: Adapt, Square, Portrait, or Landscape. Default: Square. |
| Card Content Position | Align content within the card: Top, Middle, or Bottom. Default: Bottom. |
Layout Settings
| Setting | Description |
|---|---|
| Text Alignment | Set the alignment of text for the section: Left, Center, or Right. Default: Center. |
| Section Color Scheme | Choose a color scheme for the section. Default: Scheme 1. |
Spacing Settings
| Setting | Description |
|---|---|
| Top Padding | Adjust the padding at the top of the section. Range: 0px to 100px. Default: 50px. |
| Bottom Padding | Adjust the padding at the bottom of the section. Range: 0px to 100px. Default: 50px. |