# 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>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.foxecom.com/minimog-theme/theme-sections/product-bundles.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
