Related products
sections/product-recommendations.liquid · section type product-recommendations
Used on templates: product.brand-story, product.high-variant, product, product.preorder, product.product-landing
Section settings
Dynamic recommendations use order and product information to change and improve over time. Learn more
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Heading | product_recommendations_heading | text | You may also like | — |
| Number of related products | related_count | range | 24 | Range 4–24, step 1 |
| Desktop products per row | products_per_row | range | 4 | Range 2–5, step 1 |
| Products per row on mobile | per_row_mobile | range | 2 | How many products show at once on mobile<br>Range 1–4, step 1 |
Carousel
| Setting | ID | Type | Default | Notes |
|---|---|---|---|---|
| Enable carousel | carousel_enable | checkbox | true | — |
| Gap between products | gap_size | range | 5 | Range 0–40 px, step 1<br>Shown when carousel_enable == true |
| Infinite loop | carousel_infinite | checkbox | true | Shown when carousel_enable == true |
| Autoplay | carousel_autoplay | checkbox | true | Shown when carousel_enable == true |
| Change slides every | carousel_autoplay_speed | range | 4 | Range 2–10 s, step 1<br>Shown when carousel_enable == true and carousel_autoplay == true |
| Pause on hover | carousel_pause_on_hover | checkbox | true | Shown when carousel_enable == true and carousel_autoplay == true |
| Show arrow buttons | carousel_arrows | checkbox | false | Shown when carousel_enable == true |
| Show arrows on mobile | carousel_arrows_mobile | checkbox | false | Shown when carousel_enable == true |