- File:
sections/product-recommendations.liquid - Add section category: Products
- Used in: product, product.wall
Section settings
| Setting | Type | Options | Default | Notes |
|---|---|---|---|---|
| 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. |
|
| Heading | text | You may also like | ||
| Recommendation type | select | Related products, Complementary products | Related products | |
| Columns on desktop | range | 2 to 5, step 1 | 4 | |
| Gap between products | range | 0 to 64 px, step 4 | 24 px | |
| Image ratio | select | Use theme setting, Square, Portrait, Landscape | Use theme setting | |
| Image border width | range | 0 to 8 px, step 1 | 0 px | |
| Image corner radius | range | 0 to 32 px, step 2 | 0 px |
Spacing and borders
| Setting | Type | Options | Default | Notes |
|---|---|---|---|---|
| Top padding | range | 0 to 160 px, step 4 | 48 px | |
| Bottom padding | range | 0 to 160 px, step 4 | 48 px | |
| Top border width | range | 0 to 8 px, step 1 | 0 px | |
| Bottom border width | range | 0 to 8 px, step 1 | 0 px |