Overview
Offer customers products that are complementary to a product the customer is interacting with. An example is add-on products that display in a Pair it with section.
Displaying recommended products to customers makes it easier for them to discover new products, and can help to increase online store sales.
Complementary recommendations need to be manually set up, 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:
|
| Section spacing | Set the spacing of the section using the drop-down menu:
|
| Layout | Choose between Grid and Carousel |
| SECTION HEADER | |
| Heading | The heading of the section. |
| Heading size | Set the height of heading using the drop-down menu:
|
| Subheading | The subheading of the section. |
| Description | The description of the form. |
| 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. |