Collection banner
Collection banner on demo example:
| Setting | Description |
| Color scheme |
Apply color scheme for the banner from the available color schemes list. Read 'Color scheme' article to learn more about color schemes. |
Banner subheading
| Setting | Description |
| Subheading | Add a short description that will be displayed above the collection title. |
When creating a collection, you add a title and can also include a description. This information will be displayed in the collection banner on the collection page.
You can then adjust the text in the Theme Customizer under Collection Banner settings.
Read this article - "Subheading, Heading, and Description" — all related options, including Preset, Icon, Font, Color, Text Style, Bottom Space, and Bottom Space (Mobile).
Image
| Setting | Description |
| Show banner image | Show a banner image. It can cover the full banner or be placed on the left or right. |
| Custom image |
You can upload a custom image that will appear on all collections. If this option is disabled, the images added to each collection page will be displayed in the banner. |
| Custom image mobile | You can upload a separate custom image specifically for mobile devices. |
| Image position |
Select the position of the banner image. Options:
Note: Left and Right positions are always shown at the top on mobile devices. |
| Image height |
Adjust the height of the banner image. Visible only if the image position is set to Left or Right. |
| Image height mobile |
Adjust the height of the banner image on mobile. Visible only if the image position is set to Left or Right. |
| Overlay opacity | Set the opacity of the overlay applied over the banner image to improve text readability. This works both when the image is used as a background or positioned on the left or right of the content. |
Layout
| Setting | Description |
| Content alignment |
Choose content alignment for subheading, heading and description: Options:
|
| Content alignment mobile |
Set the alignment of the content specifically for mobile devices. Options:
|
| Show container | Enable this option to display a container around the content. |
| Container color scheme | Select a color scheme for the container from the available color schemes list. |
Padding
Padding is the space inside a section that separates the content from the section’s edges.
See this article to set paddings: Section padding