# Multiple image with text 🔥

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2Ftyo53jioJxEf0L3tmjYH%2Fimage.png?alt=media&#x26;token=996d31bb-f169-4632-9dc4-055acce2040d" alt=""><figcaption></figcaption></figure>

The **Multiple image with text** section allows you to create a scrollable slideshow of multiple image with text blocks. It's a quick and interactive way to showcase content and information in carousel form with the image on your site.

This section lets you display your most outstanding and popular information or shout out about what's new with a call-to-action button.

In this article, we will show you how to add a **Multiple image with text** section.

## How to add the Multiple image with text 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 **Multiple image with text**.
3. Make necessary changes.
4. **Save** the settings.
   {% endhint %}

## How to edit a Multiple image with text section <a href="#how-to-edit-an-image-gallery-section" id="how-to-edit-an-image-gallery-section"></a>

### Section settings

#### Section header

Use the provided text fields to add a suitable **Heading**/**Subheading**.&#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%2FIrgE2365FDjDsD1nvMXL%2Fimage.png?alt=media&#x26;token=e53ad033-753f-4f47-953c-8163c9151b0e" alt=""><figcaption></figcaption></figure>

#### 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.&#x20;

{% hint style="info" %}
Set up your Color schemes anytime in the Theme settings > [Colors](https://docs.foxecom.com/minimog-theme/theme-settings/colors-and-color-schemes).
{% endhint %}

You can also set the **Column gap** (0px - 200px) and **Column gap on mobile** (0px - 30px) between Image with text blocks.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FE3Ea3wEyx9pafmhIRS9c%2Fimage.png?alt=media&#x26;token=8522d140-fa09-4e36-9a38-16addebefa25" alt=""><figcaption></figcaption></figure>

#### Carousel settings

**Show pagination**: Toggles pagination dots at the bottom of the carousel.

**Show navigation**: Toggles navigation arrows on each side of the carousel.

Enable **Auto slide** so the Image with text blocks will run automatically. The duration time to change slides is between 2-10 seconds (**Auto slide every**).

If you do not want to use rotation, they can disable it.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FGMDSSw4Wqra3zWo94HQk%2Fimage.png?alt=media&#x26;token=290accaa-71fb-4892-baea-de0b989b293f" alt=""><figcaption></figcaption></figure>

### Block settings

You can add multiple **Image with text** blocks to the **Multiple image with text** section.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FaYaGX5I0d7CHpG8MqNrb%2Fimage.png?alt=media&#x26;token=9ceedc3b-b7d1-4907-8811-91a58cb5a8e2" alt=""><figcaption></figcaption></figure>

#### General settings

Select the **Color scheme** for the block.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FPX1c0ThdGjCaKC7MFVHT%2Fimage.png?alt=media&#x26;token=7ecb45eb-dcce-4968-a1c0-d8560eb9d600" alt=""><figcaption></figcaption></figure>

#### Image settings

Add an **Image** or image link (Connect dynamic source) that you prefer for your Image with text block.

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2F4QI94hbyDIjVpYnL5VHJ%2Fimage.png?alt=media&#x26;token=e2b295b0-7c1f-4c21-b2df-647758e1229f" alt=""><figcaption></figcaption></figure>

#### Content settings

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

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

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

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FCv4D3p8PLZesX9XCpTgE%2Fimage.png?alt=media&#x26;token=534b4c26-ec58-48c9-ae6b-ebfe909272bc" alt=""><figcaption></figcaption></figure>

#### Button settings

You can also display a call-to-action button to redirect customers to your desired pages.&#x20;

Add a **Button label** and **Button link**, then choose a **Button style:**

* Primary button
* Secondary button
* White button
* Underline button

You can also select a suitable **Button size**:

* Button small
* Button medium
* Button large

<figure><img src="https://1997835572-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MlL6sK9D7unq8F2VPPp%2Fuploads%2FYj71lDKsJIan0MHZMRMk%2Fimage.png?alt=media&#x26;token=9651f6ba-0e4b-42c8-9602-eee72c08215b" alt=""><figcaption></figcaption></figure>
