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.
Editing a template will change all pages that use that template.
Create and assign new templates to design different page layouts.
Add dynamic content to show page-specific content in the same template.
Select source for recommendations
Click Complementary products block to find settings
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
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
Bottom padding
Add spacing below the block
1 - 50px
Default: 36px
Last updated
Was this helpful?