Collection template
Last updated
Was this helpful?
Last updated
Was this helpful?
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 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.
The product grid displays the collection's products with filter options.
In your theme editor, go to Theme settings > Product listings to customize the style and features of product cards.
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:
To customize the product card styles, you can change the . These settings change all product cards across your site, including in featured collection and product recommendation sections.
Related links
Banner headings
Customize the appearance and alignment.
Banner image
Add and customize the background image.
Grid layout
Choose the layout and style.
Sorting and filtering
Enable sort and filter options.
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.
