# Image with text slider

![image](https://docs-assets.foxecom.app/zest-theme/Fox-BG%20Light%20(42)_sTrA9wG8.jpg)

The **Image with text slider** section is a versatile, carousel-style banner that helps you highlight multiple messages through slides. 

This section supports both **image slides** and **video slides**, giving you full control over how to communicate your brand visually.

## How to add an Image with text slider section to your Shopify store

<Hint type="success">

**Steps:**

1. In the theme editor (**Customize**) > click **Add section**
2. Select **Image with text slider.**
3. Make necessary changes.
4. **Save.**

</Hint>

## How to edit an Image with text slider section

### Section settings

<Table widths="250,auto">

| Setting | Description |
| --- | --- |
| **Image height** | Choose from Adapt to image, Small, Medium, or Large. |
| **Image width** | Adjust width of image in slide. |
| **Image position** | Position image on left or right.<br/>![image](https://docs-assets.foxecom.app/zest-theme/image_wC5VH2OD.png)<br/>![image](https://docs-assets.foxecom.app/zest-theme/image_EfaKahcT.png) |
| **Show pagination** | Enable dots or counter for slider control.<br/><img src="https://docs-assets.foxecom.app/zest-theme/image_8dyI7UMr.png" alt="image" /> |
| **Show navigation** | Show arrows for manual slide navigation.<br/><img src="https://docs-assets.foxecom.app/zest-theme/image_NmcUFERA.png" alt="image" /> |
| **Auto-rotate slides** | Automatically switch slides every few seconds. |
| **Desktop controls position** | Position nav controls (Left, Center, Right). |
| **Pagination type** | Choose Dots or Counter. |

</Table>

<Tabs>
<Tab title="Pagination as Dots">

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

</Tab>

<Tab title="Pagination as Counter">

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

</Tab>
</Tabs>

### Block settings

Each **Image slide** or **Video slide** includes:

<Table widths="180,auto,auto">

| Block | Setting | Description |
| --- | --- | --- |
| **Video/Image** | Upload content | Use high-res images or Shopify-hosted video |
| **Text** | Heading, subheading, description | Communicate your message clearly |
| **Content layout** | Position/alignment | Adjust placement on desktop &#x26; mobile |
| **Button** | Label, link, style, size | Add a call-to-action |

</Table>