Complementary products

Displaying complementary products to customers makes it easier for them to discover new products, and can help to increase online store sales.

To select complementary products, add the Search & Discovery app. Learn more

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme that you want to edit, and then click Customize.

3. Choose Products from the dropdown window -> Choose Default product.

4. From the side menu, select Product information. Click + Add block and select "Complementary products" block, or click the Search bar to enter a search term.

Setting	Description
Heading	Add text to display as a heading (Leave the field blank to hide the heading)
Maximum products to show	Determines the maximum of products can be shown. Can be from 1 to 10, increasing arithmetically of 1.
Number of products per page	Determines the maximum of products per page can be shown. Can be from 2 to 4, increasing arithmetically of 1.

Product card

Setting	Description
Image ratio	Select image ratio from the dropdown menu: Adapt to image Portrait Square
Show color swatch	Determines the maximum of products can be shown. Can be from 1 to 10, increasing arithmetically of 1.

Block padding

Setting	Description
Top padding	Determines the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).
Bottom padding	Determines the height of the top inner space of the block. Can be from 0px to 50px, increasing arithmetically of 1px (pixel).