Banner collection
| Setting | Description |
|---|---|
| Color scheme |
Apply Color Scheme: • After creating your color schemes in theme settings — 'Colors' tab, you can apply them to different sections, blocks, and templates of your store. • In each section, block and template, you'll see a Color scheme dropdown. • Select the appropriate color scheme, ensuring consistency with your brand's identity. |
| Collection | Add a collection to the banner. |
| Custom image | By default, the collection image is shown. You can replace it by adding a custom image. |
| Image ratio |
Choose how images are displayed. • Adapt to image: Keeps the original image proportions. • Square: Displays images in a 1:1 ratio. • Portrait: Displays images in a vertical ratio. • Landscape: Displays images in a horizontal ratio. |
| Show collection title | Shows the scrolling collection title text over the banner. Enabled by default. |
| Collection title color scheme | Choose a color scheme for the scrolling text displaying the collection name. Only shown when Show collection title is enabled. |
| Collection title transparent background | Removes the background behind the scrolling collection title, showing it directly over the banner image instead. Only shown when Show collection title is enabled. Disabled by default. |
| Collection title rotate | Tilts the scrolling collection title text slightly, from -3° to 3°. Only shown when Show collection title is enabled. Default: -2°. |
| Show collection description | Display the description from the collection page for the collection banner. Disabled by default. |
| Custom description | Add a custom description manually from the customizer. Only shown when Show collection description is enabled. |
| Show products | Shows the scrolling text listing product names from the selected collection. Enabled by default. |
| Products color scheme | Choose a color scheme for the scrolling text displaying product names from the selected collection. Only shown when Show products is enabled. |
| Products transparent background | Removes the background behind the scrolling product names text, showing it directly over the banner image instead. Only shown when Show products is enabled. Disabled by default. |
| Products rotate | Tilts the scrolling product names text slightly, from -3° to 3°. Only shown when Show products is enabled. Default: 2°. |
You can add more than one banner collection, as on this demo example.
