> For the complete documentation index, see [llms.txt](https://docs.smind.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.smind.io/sections/product-bundles.md).

# Product Bundles

## How To Install ?

{% embed url="<https://youtu.be/m2zoXfRC9sk>" %}

To install the **"Product bundles"** section in our app. You can follow these steps and the images below:

1. From our app, click **Library**.
2. In the **Sections** tab, search for the keyword **Product Bundles.**
3. Click **Install** and **Customize.**

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

4. From the Shopify Editor sidebar, click **Add Section.**
5. Search for **Product Bundles** section and click on it.

{% hint style="warning" %}
**Product Bundles** section can only be added to the **Product Page** and **CANNOT** be added to other pages.
{% endhint %}

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

6. Install the "[Search & Discovery](https://apps.shopify.com/search-and-discovery)" app.

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

7. Click **Recommendation.**
8. Select a product you want to customize [product recommendation](https://help.shopify.com/en/manual/online-store/search-and-discovery/product-recommendations) for.

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

9. Click **Browse**
10. Select up to 2 or 3 Complementary Product. Click **Add** and **Save.**

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

## How To Use ?

Go to the 'Products' page in your theme, select the product you just created under 'Product Recommendations,' and you will see the layout of the 'Product Bundles' section.

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

Users can purchase multiple products at the same time.

{% hint style="warning" %}
If you don't select the correct product under '**Product Recommendations,** the '**Product Bundles'** section will not display anything.
{% endhint %}

{% hint style="warning" %}
If the 'Product Complementary' is out of stock or all items have been added to the cart, the **'Product Bundles'** section will be empty.
{% endhint %}

## How To Change The Product Preview ?

1. Click the **Change.**
2. Select or search for the product you want to switch to.

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