Supported Versions
The details shared here apply to the most recent versions of Retina. To keep your theme up to date, check out this helpful document.
If you'd like your collection to display a full-width banner image at the top, you can make use of the built-in collection.banner template.
Note: In order to use the 'collection.banner' template, the theme will need to be published! The templates from which you can select are limited to the templates available in your currently published theme.
If you are unable to currently publish your theme and would still like to set up the ‘collection.banner’ template, we have instructions on how to access unpublished templates here.
Step 1: Head into your Shopify Admin and navigate to Products > Collections to open the collection that you'd like to use.
Step 2: Upload an image in the Collection Image field located on the right side of the Collection's admin page:
Step 3: Select collection.banner from the template suffix selector located at the bottom right corner of the page, and save.
Step 3: Then, before configuring the collection.banner settings, be sure to add a method to navigate to the collection page from your home page, by adding a link to your main menu (Online Store > Navigation).
Within the Theme Editor (customize), navigate to the collection page to view the collection and access the collection's settings.
Here, you can configure the settings that will apply to this template specifically. Some of the settings include:
- Breadcrumbs
- Collection/tag filtering
- Products per row/per page
- Sidebar
If you're using a different theme and want to add a banner image to a collection page, check out this article.