Media gallery

Product page

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

STEPS

In your theme editor (Customize):

  1. Click the Product overview section to open the settings.

  2. Select the Gallery size of your product media. Either Small, Medium, Large, Extra Large.

    The width of the product details will increase or decrease according the gallery size.

  3. To make all product media a uniform shape, set the Image aspect ratio to crop your images to Square, Landscape, or Portrait.

    The default Natural setting displays the original orientation of your product media.

  4. Uncheck the Enable video looping checkbox to make product videos play a single time after customers click play.

    See Shopify's Product media ↗ guide to learn more.

  5. Uncheck the Enable image zoom option if you don't want your product images to appear in a full-size "lightbox" when clicked.

  6. Click Save.

Settings reference

Click the Product overview section to find the following settings.

SettingDescription

Gallery size

Change the size of the media gallery.

Thumbnails position

Choose where to display the thumbnails next to the main product image.

Thumbnail size

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

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.

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). Learn more about aspect ratios in our Image settings guide.


Related links

Breadcrumbs Navigation buttons Sticky product details

Last updated