Collection page
Overview:
Collection pages are an essential part of most online stores, and are the ideal way to organize and present collections of products in a gallery-style format. This page will list all the products in your collection list. Users can choose to sort or filter the product listings on this page using various options. By default, collection pages have a collection banner and Product grid section.It includes settings for headings, grid layout, sorting options, product card display options, and section appearance.
Section Configuration:
Content Customization
| Setting | Description |
| Heading Size | A select field for heading size with options ranging from extra extra large to medium, defaulting to extra large. |
| Text Size | A select field for text size with options for small, medium, and large, defaulting to large. |
Layout Settings
| Setting | Description |
| Desktop Text Alignment | Select field for desktop text alignment with options for left, center, and right. |
| Mobile Text Alignment | Select field for mobile text alignment with the same options. |
Breadcrumb Settings
| 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 | A color scheme selector for the breadcrumb with a default value of "scheme2". |
Grid Settings
| Setting | Description |
| Number of Columns on Desktop | Range field for the number of columns on desktop. |
| Number of Rows on Desktop | Range field for the number of rows on desktop. |
| Number of Columns on Mobile | Select field for the number of columns on mobile with options for 1 or 2 columns. |
| Mobile Columns Query | Defines the breakpoint at which the number of columns on mobile changes. |
Product Card Settings
| Setting | Description |
| Media Size | Select field for the media size with options for adapt, square, portrait, and landscape. |
| Button Layout | Select field for button layout with options for none, enable add to cart, and show view details. |
| Show Discount | Checkbox to toggle the display of product discounts.. |
| Show Vendor | Checkbox to toggle the display of product vendors. |
| Show Swatches | Checkbox to toggle the display of product Swatches. |
WhatsApp Settings
| Setting | Description |
| Show WhatsApp | Checkbox to toggle the display of WhatsApp share button. |
| WhatsApp Number | Text field for the WhatsApp number. |
| Custom Message | Textarea for the custom WhatsApp message. |
Layout Settings
| Setting | Description |
| Show Featured Image | Checkbox to toggle the display of the collection's featured image. |
| Enable Filtering | Checkbox to enable filtering options. |
| Enable Sorting | Checkbox to enable sorting options. |
| Pagination Settings | Sets the method of pagination for the product grid. |
| 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. |