# How the bundle work on your store?

## Sample product bundle:

The sample bundle named **Travel Bundle 1** includes 3 products with 3 options for color, size, and paper type listed in the table bellow:

<table><thead><tr><th width="267">Product name</th><th>Color</th><th>Size</th><th>Paper type</th></tr></thead><tbody><tr><td><strong>Honey Bee Travel Notebook</strong></td><td>Brown, Beige</td><td>A4</td><td>Dot</td></tr><tr><td><strong>Kyoto Bullet Journal</strong></td><td>Pink, Navy</td><td>B5</td><td>Grid</td></tr><tr><td><strong>Moonflower Bullet Journal</strong></td><td>Black, Beige</td><td>(x)</td><td>Dot</td></tr></tbody></table>

## **1. Display on the Product Page**

After the bundle is created, it will appear as a single product. On the product page, only the variants considered options will be displayed for customers to choose from.

In the sample bundle:

* The **size and paper type** of each product have only one value, so they are treated as default values (meaning customers don't need to select them).
* The **color** of each product is displayed as an option for customers to choose from.

<figure><img src="https://3308995238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVoGHzpWtKA7U1zpVGLQf%2Fuploads%2FtX0SDj9eaDmRq6qLC6AD%2Fimage.png?alt=media&#x26;token=a2fada1a-3a17-42b1-b63b-bd6cc7c46871" alt=""><figcaption></figcaption></figure>

## **2. Display on the Cart Page**

After selecting the bundle options and adding the "Travel Bundle 1" to the cart, the bundle is displayed just like a regular product.

However, **the bundled products and their selected variants are displayed as a list** (with each product on a separate line) underneath the bundle name. The bundle price is also displayed after being calculated according to the bundle configuration.

<figure><img src="https://3308995238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVoGHzpWtKA7U1zpVGLQf%2Fuploads%2FMIJ4w0vLZlrdL3KZoFgm%2Fimage.png?alt=media&#x26;token=a20a75e0-0e6c-4568-936a-0ce3bb849aed" alt=""><figcaption></figcaption></figure>

## **3. Display on the Check Out Page**

After checking out, the Product Fixed Bundle will be displayed with the bundle quantity, options selected by the customer (Brown/ Pink/ Black) and the total price.

<figure><img src="https://3308995238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVoGHzpWtKA7U1zpVGLQf%2Fuploads%2FgLRsshERjLLyFKzCjm9r%2Fimage.png?alt=media&#x26;token=b1bec4b8-f1ec-406e-97ef-d1643c7749aa" alt=""><figcaption></figcaption></figure>

To view the details of each individual product within the bundle, click on 'Show more items'. A dropdown list of component products (bundled products) will appear.&#x20;

Each bundled product includes the product name, its corresponding quantity, and variants.

<figure><img src="https://3308995238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVoGHzpWtKA7U1zpVGLQf%2Fuploads%2FjYQjWkP0EDEQ9uokfLwp%2Fimage.png?alt=media&#x26;token=bdbfab0d-a05a-4ad7-a472-0badda03bce7" alt=""><figcaption></figcaption></figure>

## **4. Display on the Thank You Page**

On the Thank You page, the bundled products will be displayed individually. It means that they will appear like regular products, showing the total quantity, variants, total price after any discounts (if applicable), and a note indicating 'Part of \[Product Fixed Bundle Name]'.

<figure><img src="https://3308995238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVoGHzpWtKA7U1zpVGLQf%2Fuploads%2FT9e9systOY7FnreLQTf4%2Fimage.png?alt=media&#x26;token=45ce5e68-26a9-4b2d-88c4-b68ac34056c8" alt=""><figcaption></figcaption></figure>

## **5. Display on the Orders (Shopify Admin)**

Similarly to the Thank You page, the bundled products will be displayed individually on Shopify Admin. They will appear as regular products, showing the total quantity, variants, total price after any discounts (if applicable), and a note indicating 'Part of \[Product Fixed Bundle Name]'.

<figure><img src="https://3308995238-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVoGHzpWtKA7U1zpVGLQf%2Fuploads%2FSGX3mTZUrZMeoVdS8g6Q%2Fimage.png?alt=media&#x26;token=318b6abe-ef88-4096-b823-18e0af24706b" alt=""><figcaption></figcaption></figure>