Collection page

Collection pages:

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.

How to set up the Collection page?

Go to Customize theme. Click on the top dropdown menu to select the Collection>Default collection template.
From the left side menu, select “Default collection”.

Customize section settings:

Customize this section by using the settings described in the following table:

Settings	Description
Heading size	The size of the heading text. Extra extra large Extra large Large (default) Medium Small Extra small Extra extra small
Grid Settings	Number of columns to display on desktop computers. Minimum: 2, Maximum: 4 Number of rows to display on desktop computers. Minimum: 1, Maximum: 6
Product card settings	Customize this section by using the settings on the right side of the theme editor, as described in the following table.
Image ratio	The image ratio for the product images: Adapt to image (default): Adapt to image should only be used when images are the same dimensions. Square: Crops the images to use a 1:1 ratio. Portrait: Crops the images to use a 2:3 ratio. Landscape: Crops the images to use a 3:2 ratio.
Show product rating	It displays customer review and ratings. These reviews can be included by adding the Product reviews app.
Show inventory	Select this checkbox to show/hide the inventory of the product.
Show discount	Select this checkbox to show/hide the discount of the product.
Show vendor	Displays the vendors of the products.
Enable compare	The compare button allows the customers to add an item to the comparison list which will be in a pop-up when users click the compare button.
Enable quick add button	The quick add button allows customers to add an item to their cart from the product card. If the card has variants, then the button will read “Quick add” and redirect the product detail page, where the customer can select the desired variants, add the item to cart, checkout immediately with “buy now”. Note – This setting is dependent on the “buy now” button being enabled on your product page. If “Buy now” button isn’t enabled on the product template, then customers have the option to add the product to their cart, but won’t see the quick “buy now” checkout workflow.
Color scheme	A set of colors that you can apply to this section.
Filtering and Sorting	Customize this section by using the settings on the right side of the theme editor, as described in the following table.
Enable filtering	Select this checkbox to show/hide the product filtering options.
Enable sorting	Select this checkbox to show/hide the product sorting options
Enable filters layout	Select from Horizontal or Vertical (default) to display the specific layout.
Text Alignment	Align the text in the container. Choose between left, center (default), or right.
Center text on mobile	Select this checkbox to enable/disable the “Center text on mobile” option on the mobile devices.
Section spacing	Add space to the top or bottom of the Section. Use the range slider to add between 0px and 100px of space to the top or the bottom of your section.