- File:
sections/image-banner.liquid - Add section category: Banners
- Used in: page.about, page.commissions
Section settings
| Setting | Type | Options | Default | Notes |
|---|---|---|---|---|
| Image | image_picker | Any size works: Shopify resizes it for each screen. Aim for about 2000 px on the long side. | ||
| Heading | text | Art for every room | ||
| Text | richtext | <p>Browse by room and find the piece that fits your wall.</p> | ||
| Button label | text | Shop by room | ||
| Button link | url | |||
| Text position | select | Left, Center, Right | Left | |
| Banner height | range | 240 to 800 px, step 20 | 480 px | |
| Image overlay | range | 0 to 80 %, step 5 | 35 % | Darkens the image so white text stays readable. |
| Color scheme | color_scheme | scheme-1 |
Custom colors
| Setting | Type | Options | Default | Notes |
|---|---|---|---|---|
| Use custom colors | checkbox | Off | Overrides the color scheme for this section only. | |
| Background | color | #faf6f0 | Shown when section.settings.use_custom_colors. |
|
| Text | color | #2e241b | Shown when section.settings.use_custom_colors. |
|
| Button | color | #2e241b | Shown when section.settings.use_custom_colors. |
|
| Button label | color | #ffffff | Shown when section.settings.use_custom_colors. |
|
| Accent and links | color | #546633 | Keep text and background at a contrast of 4.5 to 1. Shown when section.settings.use_custom_colors. |
|
| Content padding | range | 0 to 120 px, step 4 | 48 px |