A single large hero banner combining an image with heading, text, and buttons — the classic homepage opener.
Section settings #
- Color scheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
- Section width: Choose from: “Page”, “Full”.
- Subheading: Enter a short line of text.
- Subheading: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
- Heading: Enter a longer block of text (one item per line where applicable).
- Heading size: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
- Text: Enter a longer block of text (one item per line where applicable).
- Text size: Choose from: “H1”, “H2”, “H3”, “H4”, “H5”, “H6”.
- Text align: Choose from: “Left”, “Center”, “Right”.
- Desktop image: Upload or select an image to display.
- Mobile image: Upload or select an image to display.
- Image height: Choose from: “Adapt to first image”, “Small”, “Medium”, “Large”, “Full screen”.
- Overlay color scheme: Choose which color scheme (defined in Theme settings → Colors) this element uses.
- Overlay opacity: Fine-tune this value with the slider (from 0 to 80).
- Direction: Choose from: “Vertical”, “Horizontal”.
- Desktop content position: Choose from: “Top left”, “Top center”, “Top right”, “Middle left”, “Middle center”, “Middle right”, “Bottom left”, “Bottom center”, “Bottom right”.
- Tag: Enter a short line of text.
- Tagline: Enter a short line of text.
- Top padding: Fine-tune this value with the slider (from 0 to 100px).
- Bottom padding: Fine-tune this value with the slider (from 0 to 100px).
Theme blocks #
This section accepts any block from the theme’s block library (see the Blocks category in this documentation) — click Add block and choose from the full list.
App blocks #
This section supports Shopify app blocks — install a compatible app and add its block from the Add block menu in the theme editor.
