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

# Image

The Image block lets you display up to three square images in a clean, organized layout. This is perfect for showcasing product images, logos, or any visual content that needs to be displayed together. The images automatically arrange themselves in a responsive grid that looks great on both desktop and mobile devices. All images are displayed at the same size for a uniform, professional appearance.

<figure><img src="https://2498163780-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2LxG3rPCoA6sZo7ovFkR%2Fuploads%2F4io6K9u3nedzAIouL124%2FCapture%20d'%C3%A9cran%202026-02-23%20171203.png?alt=media&amp;token=22973e0c-33be-4147-8b54-bfcb0401f90d" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

### How to set it up

1. Go to **Online Store** > **Themes** > **Customize**.
2. Navigate to the section where you want to add the button (like **Image with text**, **Media banner**, or **Popup**).&#x20;
3. Click **Add block** and select **Image**.
4. Make your changes, preview live, then click **Save**.
   {% endhint %}

***

### Settings

* **Image**: For the optimal appearance, please ensure the image dimensions are minimum 250 x 250 pixels. The image ratio must be 1:1 (square images work best).
* **Image 1**: Upload the first image you want to display. This image will appear in your block layout.
* **Image 2**: Upload the second image you want to display. You can use one, two, or all three image slots depending on your needs.
* **Image 3**: Upload the third image you want to display. Leave this blank if you only want to show one or two images.
* **Image size**: Choose how large your images appear. Options are S (smallest), M (medium), or L (largest). All images in the block will use the same size for consistency.

***

### Tips

* Use square images (1:1 ratio) for the best results, and make sure they're at least 250 x 250 pixels.&#x20;
* You don't have to use all three image slots - you can upload just one or two images if that's all you need.&#x20;
* The images will automatically arrange themselves in a row on desktop and stack vertically on mobile devices.

***

### Available in

{% columns %}
{% column %}
{% content-ref url="/pages/UGNfqaG5AipM18ieNTsI" %}
[Rich Text](/docs/theme-sections-by-category/informative/rich-text.md)
{% endcontent-ref %}
{% endcolumn %}

{% column %}
{% content-ref url="/pages/Wmt8TDWWKKgM4L4MnFhX" %}
[Media Banner](/docs/theme-sections-by-category/banners/media-banner.md)
{% endcontent-ref %}
{% endcolumn %}
{% endcolumns %}