Complementary products

The Complementary products block displays recommended products that pair well with the main product.

  • Change the heading text

  • Choose to show recommendations from a collection or a custom list of products.

  • Choose how many product recommendations to show

Add complementary products


Under Product overview, click (+) Add block and select Complementary products. Use the drag-and-drop handles ⋮⋮ to re-order blocks. Click the block to start customizing.

Select source for recommendations


Click Complementary products block to find settings

Setting
Description
Options

Recommendations to show

Choose the source of product recommendations for cross-sells.

From product list Search & Discovery app recommendations

Max number of products to show

Set the maximum number of recommended products.

3 - 9

Customize appearance


Change the heading text and choose whether to show product images.

Click Complementary products block to find settings

Setting
Description
Options

Heading

Enter a title for the complementary products block.

Default: "Pairs well with"

Show product thumbnails

Show product images next to the product title and price.

Add bottom padding


Use Bottom padding to adjust the layout of the product overview section by adding spacing between blocks.

Click Complementary products block to find settings

Setting
Description
Options

Bottom padding

Add spacing below the block

1 - 50px

Default: 36px

Last updated

Was this helpful?