Media gallery

Product page

Product image and layout options were expanded in v5.0.0 on April 12 2022. See our changelog and theme update guide to learn more.

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 on the Product overview section to open the settings.

  2. Check the Enable full width checkbox to expand the product page content across the entire page when viewed on larger screens.

    By default, the content of your product page will have a margin on either side when displayed on wide desktop windows.

  3. Select the Image size of your product media. Either Small, Medium, or Large.

    This option applies to all product media if image thumbnails are disabled.

  4. Choose whether to Show image thumbnails to display an alternate layout for your product media.

    When enabled, additional product media will display as small square thumbnails that customers can click on to view them full size.

  5. (Optional). Set the Thumbnail position to Below the product image or Beside the product image.

  6. (Optional). Select the Thumbnail size. Either Small, Medium, or Large.

  7. (Optional). To make all product media a uniform shape, set the Thumbnail aspect ratio to crop your images to Square, Landscape, or Portrait.

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

  8. Check the Enable video looping checkbox to make product videos loop continuously after customers click play.

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

  9. Click Save.

Settings reference

Click the Product overview section to find the following settings.


Related links

Breadcrumbs Navigation buttons\

Last updated