Overview
Offer customers a mix of products that are similar to a product the customer is interacting with. An example is substitutable products that display in a You might also like section.
You can add the section to your product pages that displays an automatically-generated list of product recommendations. Displaying recommended products to customers makes it easier for them to discover new products, and can help to increase online store sales.
Related recommendations are auto-generated by Shopify by default and can be configured using the Shopify Search & Discovery app.
Section settings
| Setting | Description |
|---|---|
| Section width | Set the width of the section using the drop-down menu:
|
| Show top outline | Displays the top outline of the section. |
| Show bottom outline | Displays the bottom outline of the section. |
| Color scheme | Set the color scheme of the section using the drop-down menu:
|
| Background color | Set the background of the section,visible when the Color scheme setting is set to Custom. |
| Text color | Set the text of the section,visible when the Color scheme setting is set to Custom. |
| Layout | Choose between Grid and Carousel |
| SECTION HEADER | |
| Heading | The heading of the section. |
| Header alignment | Choose the alignment of the section heading. Options are Left and Center. |
| Heading size | Set the height of heading using the drop-down menu:
|
| GRID | |
| Make items the same width | Checked to make items have the same width |
| Maximum products to show | The number of products from the collection to display. Minimum: 2. Maximum: 24. |
| Number of columns on desktop | Number of columns to display on desktop computers. Minimum: 2. Maximum: 6. |
| Number of columns on mobile | Set a specific column layout for mobile devices When Layout mobile is stacked. Choose between 1 and 2 columns. Visible when the Layout setting is set to Grid. |
| PRODUCT CARD | |
| Show product info | Displays the product info for each product. |
| Show product rating | Displays the average product rating in stars with the number of reviews in parenthesis, for example: ★★★★★ (8). Also requires a product review app, and metafield definitions for reviews.rating_count and reviews.rating. |
| Show vendor | Displays the vendor for each product. |
| Show swatch | Displays the swatch for each product. |
| SECTION SPACING ADJUSTMENT | Visible on desktop view and 'Section width' is Grid. You can set global vertical space in 'Theme settings - Layout - Vertical space between sections'. |
| Top | Set the top spacing of the section. |
| Bottom | Set the bottom spacing of the section. |