- File:
sections/image-text.liquid - Add section category: Text and media
- Used in: page.about
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 | Commission a piece made for your space | ||
| Text | richtext | <p>Share the room, the palette and the size. We match you with an artist who paints it for you, and you approve the work before it ships.</p> | ||
| Button label | text | See commission examples | ||
| Button link | url | |||
| Image position | select | Left, Right | Left | |
| 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. |
|
| Top padding | range | 0 to 120 px, step 4 | 48 px | |
| Bottom padding | range | 0 to 120 px, step 4 | 48 px |
Image shape
| Setting | Type | Options | Default | Notes |
|---|---|---|---|---|
| Image shape | select | Use theme setting, Adapt to each image, Portrait (4:5), Tall portrait (3:4), Square, Landscape (3:2), Wide (16:9) | Use theme setting | Uploaded pictures can be any size. Pick a frame shape, or adapt to each picture. |
| Image display | select | Use theme setting, Cropped to fill the frame, Whole image, never cropped | Use theme setting |