> For the complete documentation index, see [llms.txt](https://qodex.gitbook.io/shopify-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://qodex.gitbook.io/shopify-docs/theme-sections/product-with-image.md).

# Product With Image

{% hint style="success" %}
In the theme editor **(Customize) => Section**, Add **Product with Image**
{% endhint %}

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FznnnVRXOi0Q3LxRRMo5e%2F255.png?alt=media&amp;token=e09b09c1-b0ab-4fe0-81c8-75548cdae1c6" alt=""><figcaption></figcaption></figure>

### General Settings

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2F9I44GsoVYJRH9VKSBUQb%2F266.png?alt=media&amp;token=9d467e2a-52db-40ff-a93c-37d0fa976e34" 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://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FlOyRn2Bbm1ZKT1Dem6OR%2F267.png?alt=media\&token=ba619aef-3c3e-41a6-8ff0-b9b766654993)![](https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2Fb3LlmxBBfsehlQ8uR6M7%2F268.png?alt=media\&token=b04100da-5acc-4427-a254-36466f1e5fbd)

* 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="success" %}
In **Product with Image** Section **>** Click **Product**
{% endhint %}

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FWiNGvbpAJFhuWSqP8OWK%2F269.png?alt=media&amp;token=6760a670-2f63-4942-a163-8bb208b21488" alt=""><figcaption></figcaption></figure>

* Select Product List
* Columns
* Limit items