Shopify How To Add Different Banner To Different Collection Page

Reading Time: 3 minutes

If you’re running a shop on Shopify, you likely have a collection page for each category of products your store sells. But what if you want to add a different banner to each collection page? Fear not! This walkthrough will show you how to change the banner on your collection pages without ever leaving the admin panel.

What is Shopify Banner?

Shopify Banner is a custom HTML element that you can add to any collection page on your Shopify store. You can use it to create a graphical representation of the contents of that collection page, and make it easier for visitors to find and

shop the products in that collection. The banner can be placed anywhere on the page, and you can customize it using CSS or HTML.

How to add a different banner to different collection pages

Adding a different banner to different collection pages on your Shopify store can help to distinguish each group of products and make it easier for customers to find the items they’re looking for. You can add a banner to any collection page by following these simple steps:

1. Log in to your Shopify account and open the ‘Shopify Admin‘ dashboard.

2. Click on ‘Collections‘ in the left-hand column of the admin panel, then click on the collection you wish to modify.

3. In the ‘Collection Page Settings’ section of the collection page, click on the ‘Designers‘ tab and select one of the available designers.

4. Under ‘Banner Settings‘, click on the ‘Designer Banner Images‘ tab and locate the image you wish to use as your banner. You can either upload an image from your computer or use one of the featured images provided by Shopify.

5. Select a size for your banner and click on ‘Save changes‘. Your banner will now appear on all collection pages that use that designer’s banner image!

How to add a banner on any collection page

Adding a banner to any collection page is easy with Shopify. All you need is a bit of CSS and a few Shopify templates. Whether you’re looking to add a simple banner to help promote your collections, or you need something more complex for a site with multiple collections.

If you have a collection page with different banners for different products, you can easily add a new banner by following these steps:

1. Log in to your Shopify account.
2. Click the “Shop” button on the main navigation bar.
3. Click the “Collection” tab.
4. Click the “Add New Collection” button.
5. Enter the name of your new collection and select the product category from the drop-down list.
6. Select the desired banner from the available banners.
7. Click the “Create Collection” button to save your changes and launch your new collection page!

What If I Don’t Have A Collection Page?

If you don’t have a collection page, you can create one by clicking on the “Create A Collection Page” link in your Shopify admin. Once you’ve created your collection page, go to the “Design” tab and select “Customize Collection Page.” In the “Design Your Collection Page” section, select the “Banner” option and select the different banner you want to use for your collection page.


If you’re using Shopify to run your online business, one of the best ways to increase sales is by creating different collection pages for each product category. Without proper banner customization, people may not know which collection page to visit when they are looking for something specific. By adding a custom banner to each collection page, you can easily direct customers to the right page and boost your overall conversion rates.