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
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.
Mobile carousel
The following settings apply when Gallery style mobile is set to Carousel.
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
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
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
Last updated
Was this helpful?