The collection page displays a product grid with products specifically from its parent collection. The page settings offer you a variety of additional presentation features to highlight the products and contents.
The page structure focuses on the main product grid that holds the individual product cards and a user interface control within the filters (options).
Theme templates and how to edit them via the Customizer
Before you continue, please get familiarise yourself with the theme's customizer. Follow the link in the paragraph below this box, to read Shopify's documentation: https://help.shopify.com/en/manual/online-store/themes/theme-structure/templates
How to adjust the settings in the collection page template?
To give your visitors a unique experience on your store's collection pages you can change the following settings:
Collection banners
Instead of showing product cards only, you can display one or more banners throughout the grid of product cards displaying in the same shape and size as the product cards. This allows space to feature promotions and or additional branding relevant to the products / collection being viewed. The placement and frequency of banners can also be customised and set. Learn more about this collection banner.
Show product count
Toggle the product count-setting, to show/hide the amount of products that are available in the collection.
Show sort options
Allow visitors the control to “sort” the product cards in the grid. The order options are: alphabetical, best selling , featured, date and price.
Show filter options
If you create a filter in your store's settings you can toggle the visibility of this filter option. It is then presented within a menu drawer - if available.
Full width layout
You can switch from the default grid view with margins to and edge to edge full width layout by toggling the option “full width layout”, the main column size will then switch from contained to full-width view.
How do I make my collection page optimal for mobile and desktop presentation?
Items per row
Set the amount of products per row for both desktop and mobile devices. This gives you full control over the presentation on multiple devices.