# Product Bundle

**Title:** Name of the rule discount. This is for personal use, only you can see how this offer is named.

<figure><img src="https://2782088585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTxhG4dtLtoZ8LGb73m7%2Fuploads%2F6Ae68mhbLTOmLpE3O6Ga%2Fimage.png?alt=media&#x26;token=14cb8440-1b92-423d-9649-370f772515bf" alt=""><figcaption><p>Title</p></figcaption></figure>

## Bundle details

Configure the details and image of the **representative product** that will be displayed for the bundle when the specified conditions are met. This product will serve as the main item representing all bundled products in the offer.

* **Product title:** This will be the bundle name in Shopify and will appear on the frontend.
* **Product description:** Provide your customers with more details about the bundle, such as highlighting its benefits, included products, and any special offers to encourage purchases.
* **Product image:** Upload an image from your computer to set as the bundle product's image on the frontend.&#x20;

<figure><img src="https://2782088585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTxhG4dtLtoZ8LGb73m7%2Fuploads%2FkANGRlMUsdvljxAtYy9A%2Fimage.png?alt=media&#x26;token=62e60019-2278-4cd8-a653-1398c6c77ede" alt=""><figcaption><p>Bundle details</p></figcaption></figure>

## Bundle deal

* Select the products you wish to include in your bundle by searching for their names and manually choosing them.
* Set the minimum quantity for each product that can be included in the deal by entering the desired value in the box next to the product name.

> For example, your customers will need to buy 1 of The Multi-location Snowboard, 2 of The Multi-manage Snowboard, and 3 of The Videographer Snowboard to be eligible to receive the bundle discount in total.&#x20;

<figure><img src="https://2782088585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTxhG4dtLtoZ8LGb73m7%2Fuploads%2F1fUY1Bvw9JURzKtfGtRb%2Fimage.png?alt=media&#x26;token=214d216a-4ff0-4467-a54b-93f47998769a" alt=""><figcaption><p>Bundle deal</p></figcaption></figure>

## Discount

* **No Discount:** Bundle price stays the same as the original price.
* **Percentage Discount:** The price will be reduced by a percentage of the original price.
* **Fixed Discount:** The price will be deducted by an amount based on the value you enter.

<figure><img src="https://2782088585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTxhG4dtLtoZ8LGb73m7%2Fuploads%2Fx4MZl2XHIXv9mam2ixap%2Fimage.png?alt=media&#x26;token=9cc959d8-0720-4788-9102-e33f07f34725" alt=""><figcaption><p>Discount</p></figcaption></figure>

## Bundle deal display

The bundle deal will be prominently displayed on the product page of the selected item below:

* **Products included in the offer:** Only those products selected in the bundle can have the Bundle block displayed on their product pages.
* **Specific products:** A selected group of individual products has the bundle on their pages.&#x20;

<figure><img src="https://2782088585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTxhG4dtLtoZ8LGb73m7%2Fuploads%2FZwAN5k6mTsE7qSuSYrMf%2Fimage.png?alt=media&#x26;token=a1956a33-e4b0-453e-9f5d-c326976e632c" alt=""><figcaption><p>Specific products</p></figcaption></figure>

* **Specific collections:** All products within a specific collection have the bundle on their pages.&#x20;

<figure><img src="https://2782088585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTxhG4dtLtoZ8LGb73m7%2Fuploads%2FN46OTux9HcdxmvDtvioN%2Fimage.png?alt=media&#x26;token=2687daa9-0405-4bed-aa6f-660ce0133af7" alt=""><figcaption><p>Specific collections</p></figcaption></figure>

* **All products except selected:** Let the bundle appear on all products in your store, excluding the ones you’ve specifically chosen.&#x20;

<figure><img src="https://2782088585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTxhG4dtLtoZ8LGb73m7%2Fuploads%2FP3fxcTryg6bPbWGwkCtu%2Fimage.png?alt=media&#x26;token=2e7551d3-5692-4a89-b7f3-224c5c7a5294" alt=""><figcaption><p>All products except The Draft Snowboard and The Hidden Snowboard</p></figcaption></figure>

* **All products:** Let the bundle appear on all products in your store.

## **Active dates**

Choose the Start and End date to set offer's duration. (End date is optional).

<figure><img src="https://2782088585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTxhG4dtLtoZ8LGb73m7%2Fuploads%2FqkfEliY6Okk3PqndsMQ3%2Fimage.png?alt=media&#x26;token=68306e4f-f792-4b01-b805-6789974914fc" alt=""><figcaption><p>Active dates</p></figcaption></figure>

## **Layout**

Adjust how the discount tiers appear on your store and allow customers to select and apply the discount directly from the Volume Discount block without needing extra steps.

* **Display only:** Customers can only view the tier information in the Volume discount block.

<figure><img src="https://2782088585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTxhG4dtLtoZ8LGb73m7%2Fuploads%2FGS61h1a4g2aQbsPETjly%2Fimage.png?alt=media&#x26;token=afaa77aa-471b-4964-91ed-299b02dd00df" alt=""><figcaption><p>Display only</p></figcaption></figure>

* **Interactive:** Customers can select the variant they want for each product and click the **"Grab this deal"** button under their preferred tier to instantly add the bundle product to their cart and apply the discount (if it has) automatically.

<figure><img src="https://2782088585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTxhG4dtLtoZ8LGb73m7%2Fuploads%2Fda3c4dnh2cKi9yNNU7ca%2Fimage.png?alt=media&#x26;token=da1c7a6f-aba8-4a47-bbd1-0552d250672f" alt=""><figcaption><p>Interactive</p></figcaption></figure>

{% hint style="success" %}
The **Preview** section gives you a real-time view of how the Volume Discount block will appear on your product page.

* To customize the layout and design to match your store’s theme, click **"Edit widget style"** to access the **Styling** section.
* To modify the default text displayed in the block, click **"Edit default text"** to navigate to the **Translations** section for further customization.
  {% endhint %}

<figure><img src="https://2782088585-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FyTxhG4dtLtoZ8LGb73m7%2Fuploads%2F8ADKCyNX1ycxrWpaqTDO%2Fimage.png?alt=media&#x26;token=02a43d35-4000-46df-a1aa-a8cd5d391179" alt=""><figcaption></figcaption></figure>
