The following instructions are for: Responsive 6.0+, Mobilia 5.0+, Retina 4.0+, Parallax 3.0+, Turbo 2.0+, and Artisan 1.0+. If you're on an older/pre-sectioned version, please update your theme.
Adding a Banner to your Collection Pages
All of our themes allow for the option to enable a top banner for your Collections pages. Turbo, Parallax, and Artisan themes allow you to enable the 'banner image' setting within the theme editor settings under "Customize." Retina, Responsive, and, Mobilia include a 'collection.banner' template that you would assign your Collection in order to display the banner image.
The banners will use the collection's "collection image" by default. You will need to create at least one collection before you are able to implement the banner image!
Select your theme:
In Turbo, Parallax, or Artisan you will first need to upload a 'Collection image' for your collections. This will be the image that is displayed as the banner by default:
From your Shopify Admin, click Online Store > Themes > Customize to open the Theme Editor. Navigate to a Collection page which will bring up the Collection page settings in the Sections tab of your theme editor.
Under Sections > Collection > Banner image, enable the 'Show top banner image' setting to display the banner image:
If you do not have a 'Collection image' uploaded, you can upload a fallback banner image within the theme editor settings as well. This fallback image will only display as the banner if there is no 'collection image' uploaded.
In Retina, Responsive, or Mobilia you will first need to upload a 'Collection image' for your collections. This will be the image that is displayed as the banner:
Underneath the 'Collection image' option, you will see another setting called 'Theme Templates.' You'll need to change this template to 'collection.banner':