Collection banner
Last updated
Last updated
Steps
In the theme editor (Customize), open the template selector.
Select Collections, then Collection banner.
On the left-sidebar, add Collection banner.
Make necessary changes > Save.
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.
Show breadcrumb
Display breadcrumb
Show collection description
Display description of the collection.
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
Top padding: Customize the top margin of the section
Bottom padding: Customize the bottom margin of the section
Add a description or image by editing your collection.
Add a description or image by editing your collection.