> For the complete documentation index, see [llms.txt](https://halosoft.gitbook.io/halo-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://halosoft.gitbook.io/halo-docs/products/product-information/version-1.2.1-and-the-previous/complementary-products.md).

# Complementary Products

**Complementary Products** can choose specific products to display as complementary products in the product information section on your website's product pages. See [Complementary Products](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/add-complementary-products).

<figure><img src="/files/yICdAfu27pcGS1QpRXZd" alt=""><figcaption><p>Complementary Product Style 1</p></figcaption></figure>

<figure><img src="/files/Vk5k96jR7TaJ8DTWnJo0" alt=""><figcaption><p>Complementary Product Style 2</p></figcaption></figure>

To add Complementary products , please follow below steps:

{% hint style="info" %}
First, you need to make the settings in Product Recommendations as shown below.
{% endhint %}

<figure><img src="/files/5uyvcw9y4m8oelAM9YBE" alt=""><figcaption></figcaption></figure>

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.

   <figure><img src="/files/F6CWsrry4qm2nHVNAyi0" alt=""><figcaption></figcaption></figure>
4. Click **Products Information** and find settings **COMPLEMENTARY PRODUCTS**

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

{% hint style="info" %}
This guide is only compatible for **1.2.1 and its predecessors**. If your current theme version is **1.3.0 or later**, please follow [the attached link](/halo-docs/products/product-information/version-1.3.0+/complementary-products.md).
{% endhint %}