> 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="https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FUwnd18Y9i6KrjVSRgPRM%2Fimage.png?alt=media&amp;token=249d52ea-6d76-426a-89f7-a0ca21d7f2b0" alt=""><figcaption><p>Complementary Product Style 1</p></figcaption></figure>

<figure><img src="https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FlzEvr0uRsztIrl5EMv0P%2Fimage.png?alt=media&amp;token=0708d94b-b9e0-4b7c-99e1-48aa59fe8a3a" 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="https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FtcMY5ZZqz6iTQr7c6JQ5%2Fimage_setup-app.png?alt=media&amp;token=b87ae4c8-ee6e-4917-8b5f-21e7aa90c298" 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="https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FhqfUwhF1TR5EiufxwYR8%2Fimage_complementary-product.png?alt=media&amp;token=6bd97a18-6dbd-4334-b97a-c364daa9296d" alt=""><figcaption></figcaption></figure>
4. Click **Products Information** and find settings **COMPLEMENTARY PRODUCTS**

<figure><img src="https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FQ5qUWuldAv8DNkBlOgKO%2Fimage.png?alt=media&amp;token=2333e82c-b0fa-453a-a679-79c10c53886e" 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 %}