Collections
The Collections template displays a list of products that belong to a selected collection. It provides customers with an easy way to browse, filter, and sort products.
Collection banner
The collection banner section is available on the Collections template. It includes:
- Collection image
- Breadcrumb navigation
- Collection title
- Collection description
All of these elements can be managed directly from the Shopify admin.
Faceted Sidebar
The faceted sidebar helps customers quickly find the products they are looking for by applying filters.
Customers can:
- Apply one or more filters
- Clear individual filters
- Clear all active filters with a single click
The available filters include:
- Availablity
- Price
- Brand
- Category
Additional filter options may be added in future updates.
Item count
The item count displays the total number of products available in the current collection.
Hovering over the item count displays additional information, such as:
Showing 1–21 of 26 items
Product Sorting
Customers can sort products using the following options:
- Featured (Manual)
- Most relevent
- Best selling
- Alphabetically, A-Z
- Alphabetically, Z-A
- Price, low to high
- Price, high to low
- Date, old to new
- Date, new to old
Product grid
Products are displayed in a responsive grid layout that automatically adapts to different screen sizes.
Each product is displayed using a reusable Product Card component to maintain a consistent design throughout the store.
The product card includes:
- product image
- product title
- product price
- quick add to cart
Pagination
Pagination is provided to help customers navigate through collections containing a large number of products.