Collection template
Last updated
Last updated
Collection pages display the products in your collections in a grid. Edit the Collection template to customize the content and style of collection pages.
Set up a banner with an image and description
Customize the product grid layout
Customize the filter bar's options and styles
Collections are created and edited in your Shopify admin. See Shopify's Collections manual ↗ to learn how to group products into collections.
The banner section appears at the top of the page. It displays the collection title, description, and optional background image.
Banner headings
Customize the appearance and alignment.
Banner image
Add and customize the background image.
The product grid displays the collection's products with filter options.
To customize the product card styles, you can change the product listing settings. These settings change all product cards across your site, including in featured collection and product recommendation sections.
In your theme editor, go to Theme settings > Product listings to customize the style and features of product cards.
Product card details
Show vendor, swatches, chips, border, and rating stars.
Product image styles
Change image shape and show secondary image on hover.
Product badges
Show sale, sold-out, and custom badges.
Quick shopping
Show Quick view or Quick add button.
Change how prices and discounts are displayed.
Stiletto includes 4 alternate collection templates with preset styles and sections design for specific uses. These templates help you promote sales, create a collection landing page, and showcase subcollections. See our guides for the following collection templates:
Related links Banner Breadcrumbs Product grid Filters and sorting
