# Image block

In the Product template, you can add an **Image block** in the left or right column of the page. Upload an image and customize the size, position, and alignment.

## Set up image block

Follow the steps to add an image block and customize its size, alignment, and position.

{% hint style="warning" %}
Editing a template changes all pages that use that template. To edit specific pages, you can [create new templates](https://help.fluorescent.co/stiletto/general/editing-themes/using-templates#create-and-assign-multiple-templates) or [insert dynamic content with metafields](https://help.fluorescent.co/stiletto/general/adapting-your-theme/dynamic-content-with-metafields)
{% endhint %}

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your theme editor (**Customize**):

1. Under **Product overview**, click **(+) Add block** and select **Image**.
2. Click on the new **Image** block to open the settings.
3. Click **Select image** to select or upload an image.

   > We recommend an image with a minimum width of 1200 pixels.
4. Use the **Image size** slider to change the image width between 50 to 900 pixels.
5. Use the **Mobile image size** slider to change the image width between 50 to 900 pixels.
6. Change the **Alignment** of the image to position it to the left, center, or right in the column.
7. Choose which **Column** to display the image block: Either the **Right** (in the product form) or on the **Left** (beneath the product media).
8. (*Optional*.) Click and hold the drag handles **`⋮⋮`** to rearrange the blocks:

   ![](https://2417329470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fhnqe0uck0ozZhJ77wGXt%2Fuploads%2Fgit-blob-22765d66f3708b95b5907a71e6b24326594ad146%2Fshopify-content-drag-handles.jpeg?alt=media)

   > Click **Remove block** in the block settings to delete a block.

   > Click the **Eye icon** to hide or unhide a block.
9. Click **Save**.

</details>

<br>

***

> **Related links**
>
> [Product template](https://help.fluorescent.co/stiletto/product-pages/product-template)\
> [Text block](https://help.fluorescent.co/stiletto/product-pages/product-page-blocks/text-block)