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

# Product bundles

Set up a handy Product bundles section to maximize the appeal of bundled products and boost sales

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FGeIkBQFI4LGjyGqhvlet%2Flivechat883x471%20(1).png?alt=media&amp;token=9168d917-bd02-4cd6-a7af-eb9896c7a5ef" alt=""><figcaption><p><a href="https://apps.shopify.com/xflow?utm_source=foxecom&#x26;utm_medium=help_center_minimog&#x26;utm_campaign=banner">Install XFlow Back In Stock Automation FREE</a></p></figcaption></figure>

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F9zDqc4n7PHHTuDj6CHxr%2Fimage.png?alt=media&amp;token=0b2f77e7-0ead-4bdd-ad9e-47fdf45e6b5d" alt=""><figcaption></figcaption></figure>

The **Product bundles** section is a great way to promote grouped products at a discounted rate or encourage customers to buy related items together. This can boost sales by offering customers a better deal for purchasing multiple products at once.

Moreover, the **Product bundles** section in the Minimog theme provides a special layout design that highlights your products and draws customers' attention.

In this article, we will show you how to add a **Product bundles** section.

## How to add a Product bundles section to your Shopify store <a href="#how-to-add-an-image-gallery-section-to-your-shopify-store" id="how-to-add-an-image-gallery-section-to-your-shopify-store"></a>

{% hint style="info" %}
Steps

1. In the theme editor **(Customize)**, click **Add section.**
2. Select **Product bundles**.
3. Make necessary changes.
4. **Save** the settings.
   {% endhint %}

## How to edit a Product bundles section <a href="#how-to-edit-an-image-gallery-section" id="how-to-edit-an-image-gallery-section"></a>

### Section settings

#### General

You can choose your **Container type** for the collection list as:

* Default;
* Full width;
* Use container box.

Select the **Color scheme** for the section.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FVQJlXyxQVZ6ItApdGhgA%2Fimage.png?alt=media&amp;token=b06e23c1-88b0-4562-a1f6-21f761df3db8" alt=""><figcaption></figcaption></figure>

#### Layout

There are two **Layout** options available:

* **Layout 1:** The section header is positioned **inside** the product bundles wrapper. This layout creates a more compact, contained appearance.
* **Layout 2:** The section header is positioned **outside** of the product bundles wrapper. This gives a more separated and spacious look.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FBspmvjpW6rzVVUZa78TG%2Fimage.png?alt=media&amp;token=d2a7a332-26b3-46e9-94f0-c394f9529314" alt=""><figcaption></figcaption></figure>

{% tabs %}
{% tab title="Layout 1" %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FhhR4PtP3R7jBWklLBnKW%2Fimage.png?alt=media&amp;token=178eb1ba-f5fe-4012-ac35-270493c4f01d" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Layout 2" %}

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FliMWPPXmkCqg2ZX7APzq%2Fimage.png?alt=media&amp;token=83def495-011e-479d-b6b6-a458ad79f7d7" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

#### Section header

Use the provided text fields to add a suitable **Heading**/**Subheading**/**Description**.&#x20;

* Leave any of the fields blank if you do not want to display them.&#x20;

You can also change the **Heading size** to Medium/Large and adjust the **Text alignment** (Left/Center).

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FZWcoO5iiXWDWd5hRaCMl%2Fimage.png?alt=media&amp;token=0d1222f6-59da-484b-aeff-d6ad6418a0e9" alt=""><figcaption></figcaption></figure>

#### Image settings

Select an appropriate **Image** that is relevant to all the products in the bundle or has the products' appearance in it. This will help you accurately position the hotspots.

**Image Position**: Choose to place the image on the Left/Right side of the product list, depending on what best fits your page layout.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FDH2a02J6AjjA8kpw2jHq%2Fimage.png?alt=media&amp;token=7b7e0b4e-332b-41ff-8aa9-6d07ce5c78cd" alt=""><figcaption></figcaption></figure>

#### Product settings

* **Image aspect ratio**:
  * **Original aspect ratio**: Keeps the product images in their natural proportions.
  * **1:1**: Square format, ideal for a clean, uniform look.
  * **3:4**: Portrait format, suitable for emphasizing vertical images.
  * **4:3**: Standard landscape format, offering a balanced look.
  * **16:9**: Widescreen format, useful for a modern, cinematic appearance.
* **Show reviews badge**: Toggle to display customer review ratings above each product's title for added social proof.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FpnnO1LO42tX4GSNg9I7U%2Fimage.png?alt=media&amp;token=bae8c5ec-396d-49b0-838c-2274ef492cbb" alt=""><figcaption></figcaption></figure>

### Block settings

You can add multiple **Product** blocks to the **Product bundles** section.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FS1mMzdxOtnVsBCq3VHEv%2Fimage.png?alt=media&amp;token=32d543df-cc15-4650-9337-bf50467162a4" alt=""><figcaption></figcaption></figure>

#### **Product**

Choose a desirable/ active **Product** from your Shopify Products to bundle together.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FMctRG0bMKPmc9fL3ZhUw%2Fimage.png?alt=media&amp;token=4bdd6044-5566-4e11-9c0c-aa239ff7c83b" alt=""><figcaption></figcaption></figure>

#### **Hotspot** position

To tag hotspots on the background image, use the **Vertical** and **Horizontal** slider to adjust the hotspot icon position.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F1ZjcgUw5xrkRo07LmLsU%2Fimage.png?alt=media&amp;token=4fbfb8d2-1e82-47ae-b34f-c084137a6b45" alt=""><figcaption></figcaption></figure>
