> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/triumph/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/triumph/template/sections/bundle-products.md).

# Bundle products

Groups multiple products together to promote combined purchases.

*Shared Settings*:

* [<mark style="color:$primary;">Group 1-3</mark>](#group-1-3)
* [<mark style="color:$primary;">Cart</mark>](#cart)
* [<mark style="color:$primary;">Section layout</mark>](/triumph/template/shared-settings/section-layout.md)
* [<mark style="color:$primary;">Section mobile layout</mark>](/triumph/template/shared-settings/section-mobile-layout.md)
* [<mark style="color:$primary;">Divider line</mark>](/triumph/template/shared-settings/divider-line.md)
* [<mark style="color:$primary;">Section background</mark>](/triumph/template/shared-settings/section-background.md)
* [<mark style="color:$primary;">Colors</mark>](#colors)

*Shared Blocks:*

* [<mark style="color:$primary;">Heading</mark>](/triumph/template/shared-blocks/heading.md)
* [<mark style="color:$primary;">Product card</mark>](/triumph/template/shared-blocks/product-card.md)

***

#### Group 1 - 3

**Products**\
Select a product or products to display on the left of the screen.

**Heading**\
Title the products group.

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FSNXXTDSQ4cdNhtVeKdRw%2Fbundle%20products_group.png?alt=media&amp;token=8c0ea185-f57c-4c27-b040-27facb6d5f66" alt=""><figcaption></figcaption></figure>

***

#### Cart

**Heading**\
Add a title to the cart section.

**Subheading**\
Add supporting text to provide context for the main heading.\
Displays below the heading.

**Minimum products required**\
Set the number of products that can be added to the bundle(2 or 3).

**Show quantity selector**\
Enable the quantity selector to appear next to each product card added to the bundle.

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FCxPT6MoQMPQWUDFr2V2N%2Fbundle%20products_cart.png?alt=media&amp;token=1f62afd8-05fa-4f46-8ee6-939a61482bd4" alt=""><figcaption></figcaption></figure>

***

#### Colors

**Text**\
Controls the color of the section heading, description, headings of the product and bundle sections, product card, and subtotal text.

**Accent**\
Adjusts the color of the subheading and product price.

**Line**\
Sets the border color of product variants and bundle borders.

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2F37qHn801YoQVFCzWDGwp%2Fbundle%20products_colors.png?alt=media&amp;token=3350c59d-ce6c-40a3-870f-0d64b0d35744" alt=""><figcaption></figcaption></figure>

***

{% tabs %}
{% tab title="Desktop" %}

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2Fza94oJqV6nvuVV7X8IPg%2Fbundle%20products_desktop.png?alt=media&amp;token=52e0691c-5e35-4850-b593-94c4b1f1eaf9" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Mobile" %}

<figure><img src="https://4126621502-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkpREZeVZogNLjx09og4O%2Fuploads%2FzaMTv13NXi8SuXxFTf9N%2Fbundle%20products_mobile.png?alt=media&amp;token=8bb1f6c1-8cea-4aa3-9821-cac08e882663" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}