Product media gallery

Detailed guide to the product media gallery and its layout options.

Thumbnail layout

Displays a large main image with smaller thumbnail images below (horizontal) or beside (vertical) it. Clicking a thumbnail switches the main image.

Grid layout

Displays all product images in a grid. Three sub-layouts available:

  • Single — one column of full-width images
  • First full — first image full width, rest in two columns
  • Two column — all images in two columns

Image zoom

When zoom is enabled, clicking a product image opens a PhotoSwipe lightbox for a full-screen, high-resolution view with swipe navigation.

Variant-specific media

When Group gallery by variant is enabled, the gallery only shows images associated with the currently selected variant. This keeps the gallery relevant and focused.