> For the complete documentation index, see [llms.txt](https://modutheme.gitbook.io/helix/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://modutheme.gitbook.io/helix/overlay-group/quick-view/product-media.md).

# Product media

Shows the product's image gallery inside the overlay.

{% hint style="info" %}
You can limit the gallery to the images of the selected variant only. Turn this on in [**Theme settings → Variant pickers**](/helix/theme-settings/variant-pickers.md).
{% endhint %}

***

## Settings

**Desktop width** — How much of the overlay the media panel takes up.

**Desktop layout** — How the images are arranged in the media panel.

{% tabs %}
{% tab title="Stacked images" %}
![Quick View — stacked images](https://3215967854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlyCMfKbEVTf3hu8uxjSZ%2Fuploads%2Fgit-blob-84383559643c0acca06a954bfc3465e04bcf8e39%2Foverlay-group-quick-view-layout-stacked.png?alt=media)

Images stack vertically and scroll within the panel.
{% endtab %}

{% tab title="Stacked images (thumbnails)" %}
![Quick View — stacked images with thumbnails](https://3215967854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlyCMfKbEVTf3hu8uxjSZ%2Fuploads%2Fgit-blob-3074039b9b03f5d2e4592526f3f534798a5c42a9%2Foverlay-group-quick-view-layout-stacked-thumbnails.png?alt=media)

Images stack vertically, with a thumbnail strip for jumping between them.
{% endtab %}

{% tab title="Left thumbnails" %}
![Quick View — left thumbnails](https://3215967854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlyCMfKbEVTf3hu8uxjSZ%2Fuploads%2Fgit-blob-27a058d023e3e3ed0b2745173ef9ef2ed3a7ecc4%2Foverlay-group-quick-view-layout-left-thumbnails.png?alt=media)

A vertical thumbnail strip sits along the left edge. Clicking a thumbnail switches the main image.
{% endtab %}

{% tab title="Bottom thumbnails" %}
![Quick View — bottom thumbnails](https://3215967854-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FlyCMfKbEVTf3hu8uxjSZ%2Fuploads%2Fgit-blob-8032646e4db26f18a955944ce401bad5b68e9a05%2Foverlay-group-quick-view-layout-bottom-thumbnails.png?alt=media)

A horizontal thumbnail row sits along the bottom.
{% endtab %}
{% endtabs %}

**Zoom** — How shoppers can enlarge an image to see detail.

* **Click and hover** — hovering zooms in; clicking holds the zoom in place.
* **Open lightbox** — clicking an image opens it full-screen.
* **None** — no zoom.

**Autoplay** — Plays product videos automatically when the gallery opens. Videos start muted.

**Loop video** — Replays product videos continuously.

**Gap — Desktop / Mobile** — Space between images in the media panel.