# Media gallery

{% hint style="info" %}
Product image and layout options were expanded in v5.0.0 on April 12 2022. See our [changelog](/lorenza/readme/changelog.md) and [theme update guide](/lorenza/readme/theme-updates.md) to learn more.
{% endhint %}

Customize the layout of your product page with options to change the **size**, **position**, and **shape** of your images.

<details>

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

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

1. Click on the **Product overview** section to open the settings.
2. Check the **Enable full width** checkbox to expand the product page content across the entire page when viewed on larger screens.

   > By default, the content of your product page will have a margin on either side when displayed on wide desktop windows.
3. Select the **Image size** of your product media. Either **Small**, **Medium**, or **Large**.

   > This option applies to all product media if **image thumbnails** are disabled.
4. Choose whether to **Show image thumbnails** to display an alternate layout for your product media.

   > When enabled, additional product media will display as small square thumbnails that customers can click on to view them full size.
5. (*Optional*). Set the **Thumbnail position** to **Below the product image** or **Beside the product image**.
6. (*Optional*). Select the **Thumbnail size**. Either **Small**, **Medium**, or **Large**.
7. (*Optional*). To make all product media a uniform shape, set the **Thumbnail aspect ratio** to crop your images to **Square**, **Landscape**, or **Portrait**.

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

   ![](/files/sdAYXZGqCp4bXdpb1HGH)
8. Check the **Enable video looping** checkbox to make product videos loop continuously after customers click play.

   > See Shopify's [Product media](https://help.shopify.com/en/manual/products/product-media) guide to learn more.
9. Click **Save**.

</details>

### Settings reference

Click the **Product overview** section to find the following settings.

| Setting                | Description                                                                                                                                                                                      |
| ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
| Enable full-width      | Display your product page content across the entire webpage without side margins.                                                                                                                |
| Show image thumbnails  | Show additional product images as thumbnails that visitors can click to view. Toggle off this option to show product media in a single column.                                                   |
| Thumbnail position     | Display product images thumbnails either Below the product image or Beside the product image.                                                                                                    |
| Thumbnail size         | Choose to display the product image thumbnails as Small, Medium, or Large.                                                                                                                       |
| Thumbnail aspect ratio | <p>Make product media thumbnails a uniform shape by cropping them all as Square, Landscape, or Portrait.<br><br>Select Natural to display product media with the original shape as uploaded.</p> |
| Enable video looping   | For your products that have product videos added as media, make videos loop continuously after customers click to play them.                                                                     |
| <p><br></p>            |                                                                                                                                                                                                  |

***

> **Related links**
>
> [Breadcrumbs](/lorenza/product-pages/layout-and-style/breadcrumbs.md)\
> [Navigation buttons](/lorenza/product-pages/layout-and-style/navigation-buttons.md)\\


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fluorescent.co/lorenza/product-pages/layout-and-style/media-gallery.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.