Collection banner

Steps

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

2. Select Collections, then Collection banner.

3. On the left-sidebar, add Collection banner.

4. Make necessary changes > Save.

Section settings

General settings

Setting	Description
Section width	3 options for container Stretch width: span the section width regardless of screen size. Fix width: depends on your page content width in Theme settings -> Layout. Expand full width: takes up the entire space on the page and it usually resizes itself to fit the size of the screen.
Color scheme	Select colors from Theme settings -> Colors
Desktop content position	3 options for the desktop content position Middle left Middle center Middle right -> Position is automatically optimized for mobile.
Show collection image	Display images of the collection. Add a description or image by editing your collection. Learn more
Show breadcrumb	Display breadcrumb
Show collection description	Display description of the collection. Add a description or image by editing your collection. Learn more

Overlay image

Setting	Description
Heading overlay collection image	When enabled, the content will be displayed over banner image
Desktop height	3 options for the desktop height Adapt to image size Based on content
Image overlay opacity	Customize the image overlay opacity

Section padding

• Top padding: Customize the top margin of the section

• Bottom padding: Customize the bottom margin of the section