# Product with Image

In the theme editor **(Customize) => Section**, Add **Product with Image**

<figure><img src="https://2361551639-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHvpHXxVsLGG7Sr7k8tL4%2Fuploads%2FS7wsuR7bGXKz45tOQbq0%2Fpro_img.png?alt=media&#x26;token=b9faf50b-3b97-4fa8-a7db-c2920b598dc5" alt=""><figcaption></figcaption></figure>

### General Settings

<figure><img src="https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/s8RLhlfPhKxQaEDQ1eYk/image.png" alt=""><figcaption></figcaption></figure>

* Select Animation
* Width of Container
* Background Section
* Text content, Sub Title, Heading, Description
* Align Heading
* Section Padding (Desktop on Mobile)

### Block Settings

{% hint style="success" %}
In **Product with Image** Section **>** Click **Banner**
{% endhint %}

![](https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/xmtdaAaKJM6ZXCNyusJx/image.png)![](https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/t0BtlMz07pSANPd3jqrC/image.png)

* Text content, Sub Title, Heading, Description
* Heading Size
* Text Position
* Button text 1
* Button Link 1
* Style Button 1
* Image
* Link Video
* Color
* Overlay color
* Image overlay opacity

{% hint style="info" %}
In **Product with Image** Section **>** Click **Product**
{% endhint %}

<figure><img src="https://content.gitbook.com/content/HvpHXxVsLGG7Sr7k8tL4/blobs/xcbHgKYHTSmjgVAz6yeg/image.png" alt=""><figcaption></figcaption></figure>

* Select Product List
* Columns
* Limit items