# 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2F19ihvCOLa4O3X1aYDEiG%2FProduct%20Bundles%201.jpg?alt=media&#x26;token=d9f19c3e-a3e5-4808-8590-bb157b369775" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FWIs7jinJeTpchv0Z7Uts%2FProduct%20Bundles%202.jpg?alt=media&#x26;token=6ebff696-379e-487a-8940-cc2ce3100d39" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2F0oR8hWxmMUqedSRn5blN%2FProduct%20Bundles%203.jpg?alt=media&#x26;token=3da7f71a-da11-41f1-9ca3-747ee1774bdf" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2F6O8qqL347Z0uJfbzwpXi%2FProduct%20Bundles%204.jpg?alt=media&#x26;token=08d2c856-90ff-45ea-8184-449f260a0ab2" alt=""><figcaption></figcaption></figure>

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

<figure><img src="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FAIqSQKdjoGxQCLWPw3J7%2FProduct%20Bundles%205.jpg?alt=media&#x26;token=bc7e7f3f-8010-46aa-83bc-87d8ae7e3d29" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FXa7HFpJybrKsb0CJpD1E%2FProduct%20Bundles%206.jpg?alt=media&#x26;token=4a77c2a5-a3a7-46e2-b705-3433cfd221b4" 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="https://2195890312-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FjRi1aohY8I4BPjjvC9cH%2Fuploads%2FfB9O8wKPFpD4zATvUUGC%2FProduct%20Bundles%206%20(1).jpg?alt=media&#x26;token=8f589d7f-903d-41ba-b9af-b261f1e25005" alt=""><figcaption></figcaption></figure>