Media gallery

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

In your theme editor (Customize), click the Product overview section find the Media settings.


Customize the layout of your product page with options to change the size, position, and shape of your images.

Click the Product overview or Featured product section to find settings

Setting
Description

Gallery size

Change the size of the media gallery: Small, Medium, Large, or Extra large. The width of the product details will increase or decrease according the gallery size.

Thumbnails position

Choose where to display the thumbnails next to the main product image: Left of media or Below media.

Thumbnail size

Change the size of the thumbnail product images: Small, Medium, or Large.

Image aspect ratio

Choose to crop all product images to be a single uniform shape.

Select Portrait (2:3), Portrait (4:5), Square (1:1), Landscape (5:4), or Landscape (3:2). Select Natural to display images in their original shape (without cropping).

Enable video looping


By default, videos in the product media will loop after they start playing .

Upload a .mp4 or .mov video file to the product media in your Shopify admin. Videos will be automatically muted and will not show controls.

Click the Product overview or Featured product section to find settings

Setting
Description

Enable video looping

Choose to loop the video continuously after a video starts playing,

Enable image zoom


By default, visitors can click a product image to open a large media viewer. We recommend product images that have minimum width of 2500 px for optimal quality across all screen sizes.

Click Product overview or Featured product 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.


Related links

Breadcrumbs Navigation buttons Sticky product details

Last updated