# Gallery images 🔥

![image](https://docs-assets.foxecom.app/minimog-theme/image_5UHHLflJ.png)

The **Gallery images** section visually showcases products, portfolios, or photoshoots like a gallery effectively.

This feature allows you to present multiple images in a visually appealing manner, enhancing user engagement and increasing the likelihood of conversions by providing potential customers with a clearer view of what is being offered.

In this article, we will show you how to add a **Gallery images** section.

## How to add a Gallery images section to your Shopify store

<Hint type="info">

Steps

1. In the theme editor **(Customize)**, click **Add section.**
2. Select **Gallery images**.
3. Make necessary changes.
4. **Save** the settings.

</Hint>

## How to edit a Gallery images section

### Section settings

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

Change the **Heading size** to Medium/Large and adjust the **Text alignment** (Left/Center)

![image](https://docs-assets.foxecom.app/minimog-theme/image_IW1Jdnt1.png)

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

#### General

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

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

Select the **Color scheme** and **Header color scheme** for the section.

![image](https://docs-assets.foxecom.app/minimog-theme/image_6RuxGdSn.png)

#### Social media

Choose the social media **Icon** that you want to display:

* None
* Instagram
* Facebook
* Twitter

![image](https://docs-assets.foxecom.app/minimog-theme/image_MnyJez6Z.png)

#### Settings

The **Layout** dropdown allows you to select the display style for your images:

* Grid
* Metro 1
* Metro 2

![image](https://docs-assets.foxecom.app/minimog-theme/image_VqNEQkcY.png)

<Tabs>
<Tab title="Grid">

![image](https://docs-assets.foxecom.app/minimog-theme/image_hIAx8QiD.png)

</Tab>

<Tab title="Metro 1">

![image](https://docs-assets.foxecom.app/minimog-theme/image_MhfBB0Bt.png)

</Tab>

<Tab title="Metro 2">

![image](https://docs-assets.foxecom.app/minimog-theme/image_cK8kuCKa.png)

</Tab>
</Tabs>

#### Grid settings

Use the slider to adjust the **Images per row** (between 4 and 12) for Image blocks.

You can also control the suitable spacing between the Image blocks by adjsuting **Column gap** and **Row gap** options. (0px - 50px)

![image](https://docs-assets.foxecom.app/minimog-theme/image_nIW68Tdt.png)

#### Mobile settings

You can adjust the grid layout on mobile by changing the value of the **Number of columns on mobile** to 1 column/2 columns.

You can also control the suitable spacing between the Image blocks on mobile by adjusting the **Gap** option. (0px - 30px)

If you are not into the grid layout, you can use the carousel layout by selecting the **Use horizontal scrollbar** to make the image gallery swipeable.

![image](https://docs-assets.foxecom.app/minimog-theme/image_j4trL3Eb.png)

### Block settings

You can add multiple **Image** blocks to the **Gallery images** section.

![image](https://docs-assets.foxecom.app/minimog-theme/image_Xyiv64Ov.png)

Click *Select image* to select a suitable **Image** for the block to display in the section.

Moreover, you can optionally add the specific **Link** for that image block.

![image](https://docs-assets.foxecom.app/minimog-theme/image_EKceMVJq.png)