Collection page
Overview
Displays products from selected collections in a responsive grid with customizable headings, product cards, pricing, filtering, sorting, pagination, layout, and spacing settings.
Section Header Settings
| Setting | Description |
|---|---|
| Heading Size | Sets the heading size from H1–H6, Large, Medium, or Small. Default: H4 |
| Heading Weight | Sets the heading weight from 100–900. Default: 400 |
| Heading Case | Sets the heading case: None, Uppercase, Capitalize, or Lowercase. Default: Capitalize |
| Heading Level | Sets the HTML heading level from H1–H6. Default: H2 |
| Heading Family | Sets the heading font family: Default or Body. Default: Default |
| Heading Color Style | Sets the heading color style: Default or Body. Default: Default |
| Heading Link Style | Sets the heading link style: Default or Link. Default: Default |
| Text Size | Sets the section text size: Large, Medium, or Small. Default: Large |
| Text Weight | Sets the text weight from 100–900. Default: 400 |
| Text Case | Sets the text case: None, Uppercase, Capitalize, or Lowercase. Default: None |
| Text Family | Sets the text font family: Default or Heading. Default: Default |
| Text Color Style | Sets the text color style: Default or Headings. Default: Default |
| Header Bottom Margin | Sets the header bottom margin. Desktop: 35px, Mobile: 15px |
Featured Collection Settings
| Setting | Description |
|---|---|
| Text Size | Sets the featured collection text size: Large, Medium, or Small. Default: Small |
| Text Weight | Sets the text weight from 100–900. Default: 400 |
| Text Case | Sets the text case: None, Uppercase, Capitalize, or Lowercase. Default: None |
| Text Family | Sets the text font family: Default or Heading. Default: Default |
| Text Color Style | Sets the text color style: Default or Headings. Default: Default |
Card Settings
| Setting | Description |
|---|---|
| Media Ratio | Sets the product image ratio: Adapt, Square, Portrait, or Fit to Box. Default: Adapt |
| Desktop Height | Sets the card media height from 100–400px when Fit to Box is selected. Default: 265px |
| Mobile Height | Sets the mobile card media height from 100–400px when Fit to Box is selected. Default: 265px |
| Show Second Image on Hover | Shows the second product image on hover. Default: Enabled |
| Heading Size | Sets the product heading size: H4, H5, H6, Large, Medium, or Small. Default: Large |
| Heading Weight | Sets the heading weight from 100–900. Default: 600 |
| Heading Case | Sets the heading case: None, Uppercase, Capitalize, or Lowercase. Default: Capitalize |
| Heading Level | Sets the HTML heading level from H1–H6. Default: H3 |
| Heading Family | Sets the heading font family: Default or Body. Default: Body |
| Heading Color Style | Sets the heading color style: Default or Body. Default: Default |
| Show Price | Shows or hides product prices. Default: Enabled |
| Price Size | Sets the price text size: Large, Medium, or Small. Default: Large |
| Price Weight | Sets the price weight from 100–900. Default: 600 |
| Price Case | Sets the price case: None, Uppercase, Capitalize, or Lowercase. Default: Capitalize |
| Price Family | Sets the price font family: Default or Heading. Default: Default |
| Price Color Style | Sets the price color style: Default, Headings, or Body. Default: Headings |
| Show Unit Price | Shows or hides unit pricing. Default: Enabled |
| Unit Price Size | Sets the unit price size: Large, Medium, or Small. Default: Small |
| Unit Price Weight | Sets the unit price weight from 100–900. Default: 400 |
| Unit Price Case | Sets the unit price case: None, Uppercase, Capitalize, or Lowercase. Default: Uppercase |
| Unit Price Family | Sets the unit price font family: Default or Heading. Default: Default |
| Unit Price Color Style | Sets the unit price color style: Headings or Body. Default: Body |
| Show Vendor | Shows or hides the product vendor. Default: Enabled |
| Vendor Size | Sets the vendor text size: Large, Medium, or Small. Default: Small |
| Vendor Weight | Sets the vendor weight from 100–900. Default: 400 |
| Vendor Case | Sets the vendor case: None, Uppercase, Capitalize, or Lowercase. Default: Capitalize |
| Vendor Family | Sets the vendor font family: Default or Heading. Default: Default |
| Vendor Color Style | Sets the vendor color style: Headings or Body. Default: Body |
| Show Tags | Shows or hides product tags. Default: Enabled |
| Show Custom Tag | Shows or hides custom product tags. Default: Enabled |
| Show Sale Tag | Shows or hides sale tags. Default: Enabled |
| Show Stock Tag | Shows or hides stock tags. Default: Enabled |
| Enable Add to Cart | Enables or disables the Add to Cart option. Default: Enabled |
| Desktop Text Alignment | Sets desktop card text alignment. Default: Left |
| Mobile Text Alignment | Sets mobile card text alignment. Default: Left |
Grid Settings
| Setting | Description |
|---|---|
| Desktop Columns | Sets the number of product columns from 2–5. Default: 4 |
| Desktop Rows | Sets the number of rows from 2–6. Default: 3 |
| Mobile Columns | Sets mobile columns to 1 or 2. Default: 2 |
| Desktop Grid Spacing | Sets desktop grid spacing from 0–100px. Default: 10px |
| Mobile Grid Spacing | Sets mobile grid spacing from 0–100px. Default: 10px |
Layout Settings
| Setting | Description |
|---|---|
| Enable Product Counts | Shows product counts. Default: Enabled |
| Enable Sort | Enables product sorting. Default: Enabled |
| Enable Filters | Enables product filtering. Default: Enabled |
| Show Collection Image | Shows or hides the collection image. Default: Enabled |
| Paging Type | Sets pagination style: Pagination, Click to Load, or Load More. Default: Pagination |
| Collection Description Position | Sets the collection description position: None, Top, or Bottom. Default: Top |
| Container Layout | Sets the container layout: Container, Contained Content, or Container Fluid. Default: Container Fluid |
| Container Size | Sets the container width from 50–100%. Default: 100% |
| Desktop Text Alignment | Sets desktop section text alignment. Default: Center |
| Mobile Text Alignment | Sets mobile section text alignment. Default: Center |
| Color Scheme | Sets the section color scheme. Default: Scheme 1 |
Inner Spacing
| Device | Top | Bottom | Left | Right |
|---|---|---|---|---|
| Desktop | 70px | 70px | 50px | 50px |
| Mobile | 35px | 35px | 15px | 15px |
Outer Spacing
| Device | Top | Bottom | Left | Right |
|---|---|---|---|---|
| Desktop | 0px | 0px | 0px | 0px |
| Mobile | 0px | 0px | 0px | 0px |
Blocks Configuration
Featured Collection
| Setting | Description |
|---|---|
| Collection | Selects the collection to display. |
| Custom Image | Sets a custom collection image. |
| Custom Title | Sets a custom collection title. |