> 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

<figure><img src="/files/SX65AqudlKxDPLIUfi25" 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="/files/wjxNCLQl9BROEb9QKIUk" 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="/files/xr3riMBy1TIWGZ9A2B9P" 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="/files/iwasBkMKXjMgQnLjOM8v" alt=""><figcaption></figcaption></figure>

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

<figure><img src="/files/qD5jUsypDYFXC17l5VS9" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Layout 2" %}

<figure><img src="/files/IdX5QaQL3nySdzSMZ081" 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="/files/C6F1gXEEd0mKs96Kyb7Y" 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="/files/3PUQBjoyi0jGhxGHIpbD" 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="/files/95GFhOskTEzZfvu7alzk" alt=""><figcaption></figcaption></figure>

### Block settings

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

<figure><img src="/files/wAqvJq4PCWr6mCkkZ8op" alt=""><figcaption></figcaption></figure>

#### **Product**

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

<figure><img src="/files/TbGXo04qTjM9gUqzkjn9" 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="/files/8mAJdyg1wY3qLjEhOpkG" alt=""><figcaption></figcaption></figure>