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:

General Settings

Setting	Description
Section Caption	Add a caption to the section.
Section Caption Size	Choose the caption text size: Small, Medium, or Large. Default: Small.
Section Caption Weight	Set the caption text weight: Bold, Semi-Bold, Medium, Normal, Light. Default: Medium.
Section Heading Size	Set the heading tag size for the section: H1, H2, or H3. Default: H3.
Section Heading Weight	Set the heading text weight: Bold, Semi-Bold, Medium, Normal, Light. Default: Bold.
Description Size	Set the size of the collection description text: Small, Medium, Large. Default: Small.
Description Weight	Set the weight of the description text: Bold, Semi-Bold, Medium, Normal, Light. Default: Light.
Max Header Size	Set the maximum width of the header in percentages. Range: 50% to 100%. Default: 55%.

Setting	Description
Show Breadcrumb	Display the breadcrumb navigation for this section. Default: Enabled.
Show Top Border	Add a border at the top of the breadcrumb area. Default: Disabled.
Show Bottom Border	Add a border at the bottom of the breadcrumb area. Default: Enabled.
Breadcrumb Color Scheme	Choose a color scheme for the breadcrumb area.

Grid Settings

Setting	Description
Number of Columns on Desktop	Choose the number of columns for product display on desktop. Default: 4.
Number of Rows on Desktop	Set the number of rows for product display on desktop. Range: 1 to 7. Default: 3.
Number of Columns on Mobile	Select the number of columns for mobile view: 1 or 2. Default: 2.

Product Card Settings

Setting	Description
Product Media Size	Define the size of the product media: Adapt, Square, Portrait, or Landscape. Default: Adapt.
Product Heading Size	Set the size of product card headings: Small, Medium, or Large. Default: Small.
Product Heading Weight	Choose the heading weight for product cards: Bold, Semi-Bold, Medium, Normal, Light. Default: Normal.
Buttons Position	Position the action buttons (Add to Cart, Quick View, etc.): Top or Bottom. Default: Top.
Enable Add to Cart Button	Show an "Add to Cart" button on the product card. Default: Enabled.
Enable Quick View	Allow quick view functionality for products. Default: Enabled.
Show Swatches	Display product variant swatches on the card. Default: Enabled.
Show Price	Display the price of the product. Default: Enabled.
Show Vendor	Display the vendor's name. Default: Enabled.
Show Stock Tag	Display stock availability tags on products. Default: Enabled.
Show Sale Tag	Display sale tags for discounted products. Default: Enabled.

Layout Settings

Setting	Description
Show Description	Choose where to display the collection description: None, Top, or Bottom. Default: Top.
Show Featured Image	Display the collection's featured image at the top of the section. Default: Enabled.
Enable Filters	Allow product filtering within the section. Default: Enabled.
Enable Sort	Enable product sorting options. Default: Enabled.
Enable Grid Buttons	Display grid customization buttons for users. Default: Enabled.
Pagination Type	Choose the pagination method: Pagination, Click to Load More, or Infinite Scroll. Default: Pagination.

Spacing Settings

Setting	Description
Top Padding	Adjust the top padding of the section. Range: 0px to 100px. Default: 50px.
Bottom Padding	Adjust the bottom padding of the section. Range: 0px to 100px. Default: 50px.
Section Color Scheme	Define the color scheme for the section. Default: Scheme 1.