Banner
A single image banner with customizable text overlay and content positioning. Perfect for hero sections, promotional banners, or page headers.
Settings
| Setting | Description |
|---|---|
| Image | Desktop banner image |
| Mobile image | Optional separate image for mobile |
| Height | Small / Medium / Large / Full screen |
| Overlay opacity | 0–100% dark overlay on the image |
| Content position | 9 positions (3×3 grid: top/center/bottom × left/center/right) |
| Text alignment | Left / Center / Right |
Content blocks
The banner section uses a block-based content system:
- Subheading (limit: 1) — small text above the heading
- Heading (limit: 1) — main heading with size options (h3, h2, h1)
- Text (limit: 1) — rich text paragraph
- Button (limit: 2) — two call-to-action buttons with labels and links
- Custom Liquid (unlimited) — for advanced customization