Complementory products

The Complementary Products section is a preset available only on product pages. It is used to display a list of related or recommended products—typically accessories, add-ons, or similar items—to encourage additional purchases and increase average cart value.


How to Configure the Complementary Products

Note: This section is only available on the Product page. The products shown in this section are configured via the Search & Discovery app.

  1. In Shopify admin, go to Online Store → Themes.

  2. Click Customize next to the Elemento theme.

  3. In the theme editor, navigate to the Product page using the top preview dropdown.

  4. In the left sidebar, locate the Complementary Products section or click Add section to insert it.

  5. To manage which products appear here, open the Search & Discovery app from your Shopify admin.

  6. In the app, assign complementary products to each main product.

  7. Return to the theme editor to adjust the layout and style of the section if needed.

  8. Click Save.

Section Settings

Setting
Type
Description

Heading

Text

Title displayed above the complementary product list (e.g., "You may also like").

Maximum products to show

Range

Set the maximum number of products to display in this section.

Color scheme

Preset selection

Applies the selected color theme to the section.

Section Padding

Device
Setting
Type
Description

Desktop

Top padding

Range

Space above the section on desktop view.

Desktop

Bottom padding

Range

Space below the section on desktop view.

Mobile

Top padding

Range

Space above the section on mobile view.

Mobile

Bottom padding

Range

Space below the section on mobile view.


Behavior and Configuration

  • The products shown in this section are configured manually using the Shopify Search & Discovery app.

  • Navigate to Shopify Admin → Apps → Search & Discovery → Product Recommendations to assign complementary products to each product.(Find more information in the Shopify documentation)

  • The section will only appear on a product page if relevant products have been assigned through the app.

  • If no complementary products are set, the section will be hidden automatically.