# Complementary products

The Complementary products block enhances cross-selling by recommending related or frequently bought together products directly on the product page. This strategy increases Average Order Value (AOV) and improves customer experience by making relevant product suggestions.

<figure><img src="/files/sZffzxQKRmtCJPRUjxiB" alt=""><figcaption></figcaption></figure>

### Learn how to use the **Shopify Search & Discovery app** to choose complementary products for your website’s product pages.

{% stepper %}
{% step %}
In the Shopify Search & Discovery app, click **Product recommendations**, and then click **Add recommendations**.
{% endstep %}

{% step %}
Select a product that you want to customize product recommendations for.
{% endstep %}

{% step %}
Select up to 10 **Complementary products**.
{% endstep %}

{% step %}
Select up to 10 **Related products** to recommend.&#x20;

Set the product to display only the custom recommendations or to display both custom recommendations and automatically generated recommendations.
{% endstep %}

{% step %}
Click **Save**.
{% endstep %}
{% endstepper %}

<figure><img src="/files/fVzHte3AohFDXxTMSjpO" alt=""><figcaption></figcaption></figure>

### Settings:

1. **Heading:** Defines the **title** of the Complementary products block. Example: **“Complete the look”**, **“Pair it with”**, **“You may also like”.**
2. **Maximum products to show:** Controls the **number of complementary products displayed** in the block: from 1 to 10 products.
3. **Product card settings**

* **Image ratio:** Adjusts the **aspect ratio** of product images to ensure visual consistency.
* **Enable quick view:** If checked, enables **Quick view**, allowing customers to **preview product details** in a drawer without leaving the page.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.byinspiredlabs.com/product-page/product-information/complementary-products.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.