Page banner
Where you can add it
Templates: Page.
Settings
Section titled “Settings”| Setting | Type | Default | Options and range |
|---|---|---|---|
| The head of a page built from an alternate template, such as About. Pages on the default template keep the plain page layout. | |||
| 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 page only. Shown when Show breadcrumbs is on. | Menu | main-menu | |
| Heading | |||
| Eyebrow | Text | — | |
| Heading Leave empty to use the page’s title. A word in italics sits on a pill in the highlight color. | Inline rich text | — | |
| Heading size Extra large is the size drawn for the About page. Theme settings › Heading scale applies to every size. | Select | Extra large | |
| Highlight color Leave empty to use the color scheme’s highlight. | Color | — | |
| Page text | |||
| Page content The text written in the page’s content editor in Shopify admin: beside the heading as a lead, or below it as a reading column. | Select | Beside the heading | |
| Details line Separate items with a middle dot (·). | Text | — | |
| Image | |||
| Image | Image | — | |
| Mobile image Shown when Image is set. | Image | — | |
| Image height Shown when Image is set. | Select | Medium | |
| 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 Image is set. | Checkbox | On | |
| Image label A short line on the image, in glass. Shown when Image is set. | Text | — | |
| Text on glass Auto picks dark or light text for each glass element from the brightness of the photo behind it. Shown when Image is set and Image label is set. | Select | Auto | |
Settings every section has — Layout, spacing, motion and visibility — the same in every section. | |||
Presets
Section titled “Presets”- Page banner — Category: Banners
Starts with: empty