Media gallery

The Media gallery displays product images and videos for Product pages and Featured products.

Change the layout and style of the gallery media, and change the size and shape of images and videos.

To show images only for the selected variant, you can set up media grouping.

Choose layout style


Display product media as a grid, list, or show additional images as thumbnails. Adjust the Gallery size and choose to show a More media button for large galleries.

Click Product overview or Featured product section to find settings

Setting
Description

Gallery style

Grid displays media in two columns. List displays media in one column. Thumbnails displays all media as small clickable images next to the main product image.

Gallery style mobile

Change how the media gallery is displayed on mobile. Carousel displays a rotating row that can be swiped through. Grid displays media in two columns. List displays media in one column.

Thumbnails displays all images below the main image

Gallery size

Change the size of the thumbnail product images. Either Small, Medium, Large, Extra Large.

Hide gallery media after

Choose to show a More media button after a certain number of rows. Select either 1 row, 2 rows, 3 rows, or Never.

The following settings apply when Gallery style mobile is set to Carousel.

Setting
Description

Enable looping

Restart the carousel when visitors swipe through the last image.

Show image full width

Make the current image span the full width of the screen. When disabled, the edges of the previous and next images will appear.

Hide pagination dots

Choose whether to show dots that allow visitors to select a product image to view. This option does not apply when Show images full width is selected.

Image aspect ratio


Make your product media a uniform shape or use their original proportions.

Click Product overview or Featured product section to find settings

Setting
Description
Options

Aspect ratio

Select an aspect ratio to crop images to be a uniform shape, or select Natural to display images in their original shape.

Natural Default Portrait (2:3) Square (1:1) Landscape (3:2)

Media options


Adjust options for displaying featured media, video looping, and image zoom.

Click Product overview or Featured product section to find settings

Setting
Description

Show featured media first

Choose to display the main image set in the product's admin settings when the page first loads. By default, the image of the first in-stock variant will be displayed. Only applies to thumbnails and carousel styles.

Enable video looping

After a video starts playing, choose to loop the video continuously.

Enable image zoom

Allow visitors to view product images in a larger view.

Display specific sets of images for selected variants.


Related links

Breadcrumbs Navigation buttons Sticky product details

Last updated

Was this helpful?