There are four pagination options included to view/load more products. Depending on how many products you have and what to choose here, pagination will kick in. The Products per page setting controls how many products you'd like to appear on the Collection page. Products per row on mobileДЇor Products per row on mobile, select either 1 or 2. Use the Products per row setting to control how many products you'd like to include in each horizontal row. This will help if your images look unaligned. If you enable the Align to height setting, this will match the height of all the thumbnail images, which you can adjust with the Product image heightВ slider.

While we recommend uploading product images that are the same size and orientation for consistency, you might have some that are a little different in size. The Product thumbnail settings include options for the images of your products on the Collection page. The Custom CSSВ field is where you can add in the actual CSS code. In the CSS class field, you can create a new class to apply to the section, or you can add a class that already exists to apply those styles, as well. More information about using the Advanced CSS feature. In addition to adding the content, you can also include custom CSS for the sidebar specifically under the advanced settings. Collection Sidebar SettingsДЄdd a Sidebar to the side of the Collection page by enabling Show sidebar in the Collection settings, then adding blocks. Show sort by filterД¬ollection pages also include a drop-down ' sort by ' with a few options that are built into the Shopify platform: featured, best selling, alphabetically (options for both a - z and z - a), price (both high - low and low - high), and date (both old - new, and new - old). When an option is selected, it will then filter the collection to display only the products that have that tag. There are additional options for the breadcrumb links in the Elements portion of the Theme settings Show product tag filterД®nable a drop-down filter based on product tags that are included in the collection. The 'breadcrumb links' will display at the top left of the collection page. This shows the path of how the customer got to the 'Spring Dresses' collection: from the home page, to the 'Spring Dresses' collection. In the left sidebar, click to open Collection.Д«readcrumb links are a list of links that show a customer what page they are on, and all the pages that are 'above' that page in a store's content.ДЇor example, the breadcrumb links read as: Home - Spring Dresses

To access the Collection section settings, use the page selector to open Collections, then Default collection. This default template will appear as collectionВ in your Collection Admin PageВ under Theme templates. The default Collection template is assigned by default when you start adding Collections in your Shopify Admin. Collection pages gather products together and display the products included in that collection. Flex includes a robust Collection Page to organize and showcase your products.

Out of the sandbox flex