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
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

Setting Description
Collection Selects the collection to display.
Custom Image Sets a custom collection image.
Custom Title Sets a custom collection title.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us