Collection banner

How to add banners to your collections

Give context and visual appeal to each collection. It’s ideal for showcasing a hero image, a brief intro, or helpful navigation (breadcrumbs).

How to add a Collection banner to your Shopify store

Steps:

1. In the theme editor (Customize), open the template selector.

2. Select Collections, then Default collection.

3. On the left-side bar, add the Collection banner.

How to edit a Collection banner

Section settings

Setting	Description
Banner height	Set height: Adapt to image, Small, Medium, or Large.
Desktop content alignment	Align text block: Left, Center, or Right.
Heading size	Choose a size for the heading. Go to Theme settings > Typography to set that Heading's font size scale.
Show breadcrumbs	Toggle to show navigation. Format: Home > Collection (The all products collection page) > The current collection
Show collection description	Display text from the collection’s description.
Show collection image	Toggle to display the image assigned to the collection.
Image position	Control where the image display along with the content.
Image overlay opacity	Add a dark overlay to improve text visibility (0–100%).

Examples of Image position:

Left

Top

Right

Bottom

Untitled

Block settings

By default, images shown on Collections list page and Collection banner are your collections' featured images when enabled.

However, you can replace the default collection banner with images more appropriate in aspect ratio.

For example: you can use a square image as a featured image of a collection to optimize your Collections list page, and use another image to fit your Collection banner.

Make sure you enable the option Show collection image in the section settings.

To add a custom collection banner:

Steps:

1. Select Collection banner.

2. Add a Collection block.

3. Choose a collection and add an image to show. You can set the banners for mobile and desktop view separately.

4. Click Save.

💡 Pro tips

• No image? No problem. You can still use this section to display a clean title and intro for SEO and clarity.

• Keep collection descriptions short and scannable — one paragraph works best.

• Use a high-contrast image if you're placing text over it — or lower the overlay opacity to ensure legibility.