Collection listing
Overview:
The Main Collections section displays a grid of collections on the storefront. It includes customizable sorting, layout, and design settings, along with options for parallax backgrounds and pagination.
Section Configuration:
| Setting |
Description |
| Page Image |
Upload an image to display as the collection banner. |
| Enable Parallax Effect |
Adds a smooth scrolling background effect to the banner. Default: Disabled. |
| Caption |
A short label displayed above the main heading. |
| Caption Size |
Adjusts the caption font size (Small, Medium, Large). Default: Medium. |
| Caption Weight |
Controls the boldness of the caption text. Default: Bold. |
| Heading |
The main title of the collections page. Default: "Heading". |
| Heading Size |
Adjusts the font size of the heading (H1–H5). Default: H2. |
| Heading Weight |
Controls the font weight of the heading text. Default: Bold. |
| Description |
A paragraph below the heading describing the collections. |
| Description Size |
Adjusts the description font size. Default: Medium. |
| Description Weight |
Controls the font weight of the description text. Default: Normal. |
| Banner Color Scheme |
Selects a color scheme for the banner. Default: Scheme1. |
Breadcrumb Settings
| Setting |
Description |
| Show Breadcrumbs |
Displays a breadcrumb navigation trail. Default: Enabled. |
| Breadcrumb Color Scheme |
Selects a color scheme for the breadcrumb background. Default: Scheme2. |
Layout & Display Settings
| Setting |
Description |
| Section Height |
Adjusts the banner height (Small, Medium, Full Viewport Height). Default: Small. |
| Text Alignment (Desktop) |
Aligns the text (Left, Center, Right). Default: Center. |
| Text Alignment (Mobile) |
Aligns text on mobile devices. Default: Center. |
| Collections Per Row (Desktop) |
Sets the number of collections displayed in a row (2–4). Default: 3. |
| Collections Per Row (Mobile) |
Sets the number of collections per row on mobile (1–2). Default: 2. |
| Section Padding (Top/Bottom) |
Adjusts spacing above and below the section (0–100px). Default: 50px. |
Collection Card Settings
| Setting |
Description |
| Card Heading Size |
Adjusts the collection title font size. Default: Large. |
| Card Heading Weight |
Controls the boldness of the collection title. Default: Semi-Bold. |
| Card Image Ratio |
Sets the image aspect ratio (Adapt, Square, Portrait, Landscape). Default: Square. |
| Show Product Count |
Displays the number of products in each collection. Default: Enabled. |
| Show Product Title |
Displays product names within the collection preview. Default: Enabled. |
Sorting Options
| Setting |
Description |
| Alphabetical |
Displays collections in ascending order by name. |
| Alphabetical (Reversed) |
Displays collections in descending order by name. |
| Date (Newest First) |
Displays collections by newest first. |
| Date (Oldest First) |
Displays collections by oldest first. |
| Product Count (High to Low) |
Sorts collections by the highest number of products. |
| Product Count (Low to High) |
Sorts collections by the lowest number of products. |
