Collection banner

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 settings
General settings

Section width
3 options for container
Stretch width: span the section width regardless of screen size.
Fixed width: depends on your page content width in Theme settings -> Layout.
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
Settings

Image
Upload or select the banner image
Use collection image
Override background image setting
Image height
5 options for the height
Adapt to image
Based on content
Small
Medium
Large
Image opacity
Customize the image opacity
Desktop content position
3 options for the desktop content position
Middle left
Middle center
Middle right
-> Position is automatically optimized for mobile.
Section padding
Top
Customize the top margin of the section
Bottom
Customize the bottom margin of the section
Block settings
Heading
Description
Last updated