Collection page
Last updated
Last updated
This is the main template/page where your products are listed. You can see your collections by going to your Shopify admin area and then click Products -> Collections. Once you pick a collection (or if you create a new one) you'll be able to choose which products to be included, add featured image, description, etc.
The collection template of Amber consists of 2 main sections:
Image with text overlay
Collection
You can add more sections to this page by using the Add section button here:
More information about this section can be found here - https://bigstart.gitbook.io/amber-documentation/content-sections/image-with-text-overlay.
When this section is used on the collection page and if the Heading field is empty, it will use the collection title instead.
The same goes for the Body text and the Image - Desktop fields.
This is the main section that prints products in your site. The products are automatically loaded from your collection.
Below are listed the Collection section settings:
Enable full-width -- if checked, the page will be full width.
Enable Filters -- if checked, the filters menu will be shown.
The filters are mainly managed through a Shopify app called Shopify Search & Discovery. It can be installed from here: https://apps.shopify.com/search-and-discovery.
More details on how the filters are managed can be found here: https://help.shopify.com/en/manual/online-store/themes/customizing-themes/storefront-filters#shopify-search-amp-discovery-app.
Enable expanded -- Checking this will make the collection always visible. If it's unchecked, the customers will need to click on the Filter icon to see the filter options.
Filters layout -- The filters can be positioned either Horizontally or vertically. When horizontal, they will be positioned above the products list. When vertical, they will be positioned on the left side of the products grid.
Enable Sorting -- This will enable/disable the sorting dropdown on the right side of the filters.
Products per row -- Set the number of items per row on desktop
Products per row - Mobile -- Set the number of items per row on mobile
Enable infinite scroll -- The infinite scroll will load all products on scroll. The pagination won't be visible.
