Media gallery
The Media gallery displays product images and videos for Product pages and Featured products.
Change the position and layout of the gallery media, and change the size and shape of images and videos.
Choose layout style
Display product media as a grid, stacked list, or show additional images as thumbnails.
Click Product overview or Featured product section to find settings
Desktop gallery layout
Choose how gallery media are displayed.
Grid Default Stacked Thumbnails below Thumbnails left
Thumbnail size
Set the maximum size of thumbnail images in the gallery.
50 - 100 px Default: 75
Gallery position and size
Position the media gallery on the left or right side of the product details. You can increase the width of the gallery on the page.
Click Product overview or Featured product section to find settings
Desktop media position
Choose whether the media gallery appears on the left or right side of the product details.
Left Default Right
Desktop gallery size
Set the maximum width of the media gallery. The product overview will adapt to the remaining width of the page.
35 - 70%
Default: 55
Mobile gallery
Customize the media gallery for mobile screens.
Click Product overview or Featured product section to find settings
Media size
Set the size of product media on mobile devices.
Full width Default Contained
Enable slider looping
Return to the first image after swiping through the last image.
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) Portrait (4:5) Square (1:1) Landscape (5:4) Landscape (3:2)
Enable autoplay videos
Choose to autoplay and loop videos in the product media gallery. Videos will be automatically muted and will not show controls.
Upload a
.mp4or.movvideo file to the product media in your Shopify admin.Open the product template in your theme editor, then select Enable autoplay videos.
Requirements
For autoplay videos, make sure your video files meet the following requirements:
Video file type
.mp4 or .mov
Embedded YouTube or Vimeo videos are not supported.
Video length
1 minute (Recommended)
Video size
> 10MB (Recommended)
Enable image zoom
Allow customers to zoom in on product images for a closer look.
Click Product overview or Featured product section to find settings
Enable image zoom
When enabled, customers can click or hover over product images to see a zoomed-in view.
Last updated
Was this helpful?