Collection banner
Where you can add it
Templates: Collection.
Settings
Section titled “Settings”| Setting | Type | Default | Options and range |
|---|---|---|---|
| Layout | Select | Image beside | |
| Breadcrumbs | |||
| Show breadcrumbs | Checkbox | On | |
| Show home link Shown when Show breadcrumbs is on. | Checkbox | On | |
| Separator Shown when Show breadcrumbs is on. | Select | Slash | |
| Menu The trail follows this menu’s hierarchy. Leave it empty to show Home and the collection only. Shown when Show breadcrumbs is on. | Menu | main-menu | |
| Heading | |||
| Heading size Extra large is the size drawn for each layout. Theme settings › Heading scale applies to every size. | Select | Extra large | |
| Highlighted word The word sits on a pill in the highlight color. | Select | Last word | |
| Highlight color Leave empty to use the color scheme’s highlight. Shown when Highlighted word is not None. | Color | — | |
| Show collection description | Checkbox | On | |
| Details | |||
| Details line Connect a collection metafield to show a different line on each collection, such as the season. | Text | — | |
| Show product count | Checkbox | On | |
| Subcollections | |||
| Subcollections From a menu: the items under this collection’s menu item, or its siblings when it has none. | Select | From a menu | |
| Menu Shown when Subcollections is From a menu. | Menu | main-menu | |
| Collections | Collections | — | up to 12 |
| Show product counts Shown when Subcollections is not Off. | Checkbox | On | |
| Image | |||
| Image source Shown when Layout is not Text only. | Select | Collection image | |
| Image Used when the collection has no image of its own. Shown when Layout is not Text only and Image source is not None. | Image | — | |
| Mobile image Shown when Layout is not Text only and Image source is not None. | Image | — | |
| Crop position For an image without a focal point: the part kept when the frame crops the top and bottom of a tall image, or the sides of a wide one. To choose the exact spot, set a focal point on the image in Content > Files. Shown when Layout is not Text only and Image source is not None. | Select | Center | |
| Image shape Shown when Layout is Image beside. | Select | Arch | |
| Open the image on scroll With motion set to full, the image opens out of a rounded inset as it scrolls into view. Shown when Layout is Image below. | Checkbox | On | |
| Image darkening Shown when Layout is Image behind. | Range | 62 % | 0–90 %, step 2 |
| Banner height Shown when Layout is Image behind. | Select | Medium | |
| Shown product | |||
| Product The product in the photograph. Connect a collection metafield to change it per collection. | Product | — | |
| Text on glass Auto picks dark or light text for each glass element from the brightness of the photo behind it. Shown when Layout is not Text only. | Select | Auto | |
| Hang from the top of the page Square top corners, so the sheet meets the top of the page. Shown when Shape is Sheet. | Checkbox | On | |
Settings every section has — Layout, spacing, motion and visibility — the same in every section. Defaults here: Shape Sheet (everywhere else: None); Color scheme Scheme 3 (everywhere else: Scheme 1); Top spacing 28 px (everywhere else: 64 px); Bottom spacing 52 px (everywhere else: 64 px); Top spacing on mobile 8 px (everywhere else: 40 px); Bottom spacing on mobile 24 px (everywhere else: 40 px); Reveal style None (everywhere else: Use theme setting). | |||
Presets
Section titled “Presets”- Collection banner — Category: Banners
Starts with: empty