Media gallery
Product page
Last updated
Product page
Last updated
The Media gallery displays product images and videos on your product pages.
Change the position and layout 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.
Display product media as a grid, stacked list, or show additional images as thumbnails.
Click Product overview section to find settings
| Setting | Description | Options |
|---|---|---|
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 |
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 section to find settings
| Setting | Description | Options |
|---|---|---|
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 |
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) |
Customize the media gallery for mobile screens.
Click Product overview section to find settings
| Setting | Description | Options |
|---|---|---|
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. |
Make your product media a uniform shape or use their original proportions.
| 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) Portrait (4:5) Square (1:1) Landscape (5:4) Landscape (3:2) |
Choose to autoplay and loop videos in the product media gallery. Videos will be automatically muted and will not show controls.
Upload a .mp4 or .mov video file to the product media in your Shopify admin.
Open the product template in your theme editor, then select Enable autoplay videos.
For autoplay videos, make sure your video files meet the following requirements:
Video file type | |
Video length | 1 minute (Recommended) |
Video size | > 10MB (Recommended) |
Allow customers to zoom in on product images for a closer look.
Click Product overview section to find settings
| Setting | Description |
|---|---|
Enable image zoom | When enabled, customers can click or hover over product images to see a zoomed-in view. |
