In Shopify, a collection template is a type of template that controls the layout and presentation of collection pages on your online store. Collection templates determine how products within a specific collection are displayed and organized. These templates are essential for customizing the appearance and user experience of your store’s collection pages, allowing you to create a consistent and visually appealing presentation for your products.
Understanding Shopify Collection Templates
Theme comes with pre-defined collection layout that will be used when there is custom collection layout available. This layout defines how the product details & contents to be shown in the collection pages.
Customizing Product Templates
Collection template has two dedicated sections to display product details & information effectively.
Collection Header
Every collection template has Collection header section at the top by default. you can use this section to display Collection title or cover. Also you can able to delete this section completely and add your own cover or titles as per your wish
Below are the main settings for the collection header
| Setting Name | Description |
|---|---|
| Use background image | This option will allow you to set background image |
| Image | It will allow you to set custom width for this section. Only applicable, if fullwidth is disabled. |
| Use overlay | |
| Overlay color | |
| Overlay opacity | |
| Title tag | |
| Title Max width | |
| Description tag | |
| Description Max width |
Along with above settings, this section also includes common section settings to control basic width & spacing.
Main Collection Grid
This is essential section for displaying collection of products. It have an option to enable/disable filters & sorting dropdown. You can find the option to show/hide price, quickview, badge from Theme settings
| Setting Name | Description |
|---|---|
| Enable filters | It will display the filters area to the collection template. |
| Enable sorting | It will display the sorting dropdown to the collection template. |
| Enable total count | It will show total products in this collection |
Useful links
- You can create your own collection layout as well, just refer here to create custom collection templates