> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/context/product-pages/product-page-sections/product-image-grid.md).

# Product image grid

{% hint style="danger" %} <mark style="color:red;">Theme retirement</mark> | Context is no longer available on the Shopify theme store. **Theme support and updates for current users will end after May 18, 2024**. [Learn more here](/context/readme/theme-retirement.md).
{% endhint %}

The **Product image grid** section displays your product media in a grid below or above the product form. This section requires 4 or more product images add to your **Product media** in the Shopify admin.

<details>

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

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

1. Click (**+) Add section** and select **Product image grid** and/or click directly on the **Product image grid** section to open the settings.
2. Choose whether the **Skip the first product image** to avoid repeating your product images.
3. Use the slider to select the number of **Images shown**.

   > The collage-style layout will change with the number of images shown.
4. To make product images a uniform shape and size, select the **Image aspect ratio** to crop your images to **Square**, **Landscape**, or **Portrait**.

   > The default **Natural** setting will display the original orientation of your image.

   ![](/files/tegKTYjZOsUIxM4dpUdE)
5. Click **Save**.

</details>