Collection banner
How to add banners to your collections
Display a banner or background with the highlighted features or offers in the particular collection page can boost your sales
How to add a Collection banner to your Shopify store
Steps:
In the theme editor (Customize), open the template selector.
Select Collections, then Default collection.
On the left-side bar, add the Collection banner.
How to edit a Collection banner
Section settings
General
See how to adjust the Container settings
See how to adjust the Color scheme settings

Set a Banner height: Adapt to image/ Small/ Medium/ Large; and Desktop content alignment: Left/ Center/ Right;

Change the Heading size to the desired size:
Heading - Medium
Heading - Large
Heading - Extra large
Heading - Extra extra large
Mega title - Base
You can enable Showing breadcrumbs, collection description and/or your collection's featured image as a banner.
Image position can be set as Top/ Left/ Right/ Bottom/ Use image as background to the content (Collection title and description).

When setting your image as background, you can adjust the Image overlay opacity.

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.
Block settings

Steps:
Select Collection banner.
Add a Collection block.
Choose a collection and add an image to show. You can set the banners for mobile and desktop view separately.
Click Save.
Last updated
Was this helpful?