Related products
Where you can add it
Templates: Product, Cart.
Settings
Section titled “Settings”| Setting | Type | Default | Options and range |
|---|---|---|---|
| Shows the products Shopify recommends for this product. Set them by hand in the Search & Discovery app, or let Shopify learn them from orders. With no recommendations the section stays hidden. | |||
| Heading Make a word italic to emphasize it. | Inline rich text | You may also like | |
| Heading size Shown when Heading is set. | Select | Large | |
| Highlight color Leave empty to use the color scheme’s highlight. Shown when Heading is set. | Color | — | |
| Products to show | Range | 4 | 2–12, step 1 |
| Fallback collection Shown when there is nothing to recommend. On the cart page it also fills the row while the cart is empty. | Collection | — | |
| Show a “View all” link | Checkbox | On | |
| Link label Leave blank to use “View all”. Shown when Show a “View all” link is on. | Text | — | |
| Link Leave blank to link to the product’s collection. Shown when Show a “View all” link is on. | Link | — | |
| Arrangement | |||
| Layout on desktop Each breakpoint is chosen separately, so a grid on desktop can be a carousel on a phone — or stay a grid. | Select | Grid | |
| Layout on tablet | Select | Carousel | |
| Layout on mobile | Select | Carousel | |
| Columns on desktop Shown when Layout on desktop is not Stack. | Range | 4 | 2–6, step 1 |
| Columns on tablet Shown when Layout on tablet is not Stack. | Range | 2 | 1–4, step 1 |
| Columns on mobile Shown when Layout on mobile is not Stack. | Select | 1 | |
| Space between products | Range | 20 px | 8–48 px, step 2 |
| Pagination Shown when Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel. | Select | None | |
| Show arrows Shown when Layout on desktop is Carousel or Layout on tablet is Carousel or Layout on mobile is Carousel. | Checkbox | Off | |
| Text on glass Auto picks dark or light text for each glass element from the brightness of the photo behind it. Shown when Show arrows is on. | Select | Auto | |
| Product card | |||
| Image ratio | Select | Portrait | |
| Show the image gallery on hover On hover the card moves through the product’s images, as set in Theme settings › Product card › Image on hover. Touch screens show the first image. | Checkbox | On | |
| Show vendor | Checkbox | Off | |
| Show color swatches | Checkbox | On | |
| Show quick add | Checkbox | On | |
Settings every section has — Layout, spacing, motion and visibility — the same in every section. Not in this section: Section width. Defaults here: Shape Sheet (everywhere else: None); Color scheme Scheme 2 (everywhere else: Scheme 1); Top spacing 56 px (everywhere else: 64 px); Bottom spacing 56 px (everywhere else: 64 px); Top spacing on mobile 28 px (everywhere else: 40 px); Bottom spacing on mobile 32 px (everywhere else: 40 px); Reveal style None (everywhere else: Use theme setting); Stagger 90 ms (everywhere else: 0 ms). | |||
Presets
Section titled “Presets”- Related products — Category: Products
Starts with: empty