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
From your Shopify admin, go to Online Store -> Themes.
Find the theme that you want to edit, and then click Customize.
Choose Products from the dropdown window -> Choose Default product.
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:
|
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). |
Last updated