# Scrolling gallery images

![image](https://docs-assets.foxecom.app/hyper-theme/Hyper%20docs%20screenshot%20do%20not%20delete%20(53)_Tjfvwp60.jpg)

The Image gallery 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 an Image gallery section.

## How to add an Image gallery section to your Shopify store

<Hint type="success">

Steps

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

</Hint>

## How to edit an Image gallery section

### Section settings

#### Section header

<Expandable title="See settings">

* **Subheading**: Add a short, secondary heading to complement the main heading. This can provide additional context or detail.
* **Heading**: Enter the primary title for your banner.
* **Heading size:** Adjust the size to fit your design preference and ensure readability. Choose from available heading sizes.
* **Text:** Add a detailed explanation or summary for the banner. Use rich text formatting like **bold**, *italic*, links, and lists for better visual emphasis.
* **Description size:** Select the size of the description text.

</Expandable>

#### Button settings

Additionally, this section setting lets you add the call-to-action button to redirect customers to your desired page or social media page.

<Expandable title="See settings">

* **Button label:** Input the text for the call-to-action button.
* **Button link:** Add a link to the button to direct users to a specific page, product, or collection.
* **Button style:** Choose a style for the button.
* **Text alignment:**
  * Align the text in the section to the **Left**, **Center**, or **Right**.
  * Adjust alignment based on your banner’s design and layout.
* **Text alignment on Mobile:** Override desktop alignment settings specifically for mobile devices if needed.

</Expandable>

#### Scrolling settings

Set the scrolling direction, scrolling speed, and column gap.

You can also enable the pause scroll on hover effect.

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

### **Block settings**

You can add multiple **Image** blocks to the **Image gallery** section.

![image](https://docs-assets.foxecom.app/hyper-theme/image_4HGUoHYr.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/hyper-theme/image_p1q8VLXa.png)