- File:
sections/new-this-week.liquid - Add section category: Products
- Used in: index
Section settings
| Setting | Type | Options | Default | Notes |
|---|---|---|---|---|
| Heading | text | New this week | ||
| Text | text | Added every Thursday. Each print ships ready to hang. | ||
| Collection | collection | |||
| Products to show | range | 3 to 12, step 1 | 5 | |
| Layout | select | Scroll gallery, Salon hang | Scroll gallery | Scroll gallery keeps the section in place while cards glide past. Salon hang wraps cards at different heights. |
| Scroll distance | range | 100 to 400 %, step 50 | 200 % | How far the visitor scrolls while the section stays put. Needs scroll effects turned on in Theme settings, Motion. Shown when section.settings.layout == 'scroll'. |
| Light the painting in the middle | checkbox | On | A warm glow follows the card that passes the center of the screen. Shown when section.settings.layout == 'scroll'. |
|
| Light shape | select | Soft glow, Beam from above, Wide wash, Rising light | Soft glow | Shown when section.settings.layout == 'scroll' and section.settings.spotlight. |
| Light center color | color | #ffeecd | Shown when section.settings.layout == 'scroll' and section.settings.spotlight. |
|
| Light edge color | color | #ffeecd | The gradient fades from the center color to this color, then to clear. Shown when section.settings.layout == 'scroll' and section.settings.spotlight. |
|
| Light strength | range | 10 to 100 %, step 5 | 55 % | Shown when section.settings.layout == 'scroll' and section.settings.spotlight. |
Card size and layout
| Setting | Type | Options | Default | Notes |
|---|---|---|---|---|
| Card width | range | 200 to 480 px, step 20 | 260 px | On phones the cards always sit two per row. |
| Show the first card larger | checkbox | On | ||
| Hang cards at different heights | checkbox | On | ||
| Alignment | select | Centered, Left | Centered | Shown when section.settings.layout == 'hang'. |
| Space between cards | range | 16 to 64 px, step 8 | 32 px | |
| Link label | text | See all new art | ||
| 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 160 px, step 4 | 80 px | |
| Bottom padding | range | 0 to 160 px, step 4 | 80 px |