> 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.3.0+/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/H3r1UxftEM5TSaZL8Bkv" alt=""><figcaption><p>Complementary Products style 1</p></figcaption></figure>

<figure><img src="/files/ZSJ2Aow6qCTFDmihfNlg" alt=""><figcaption><p>Complementary Products 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 **Theme Customize** screen, click **Product Information**.
2. Click **Add block** and choose "**Complementary Products**".
3. When you are happy with your changes, don't forget click **Save** and **Publish** to repackage the edited theme.

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