The product gallery contains images, videos, and 3D models showcasing the product on the product page.
Use the theme editor to arrange thumbnail images, adjust customer controls, set up the gallery transitions, and adjust Product Media settings for the product page.
Access the Product Gallery Settings
Open the page selector to select Products, then Default product.
Click Product in the left sidebar to open the product page template's settings.
Arrange thumbnail images
The thumbnail images are the small preview images for additional product media.
Enable, Disable, or Limit to Desktop
Select one of three options from the Show thumbnails dropdown to display them Always or for Desktop only. Select Never to conceal them altogether.
Position
Select an option from Thumbnails to position the images on the Bottom, Left, or Right of the main image.
Thumbnail Slider
If you have many thumbnail images, consider activating Enable thumbnail slider to condense the images within a slideshow-like container. Customers can use the left- and right-side arrows to navigate through the additional images.
Adjust customer controls
Arrows
Enable Show arrows to provide extra navigation for the product media. Arrow controls are positioned on the left and right side of the main image for customers to browse through the available images, videos, and models.
Lightbox
Allow customers to open the product image in a modal window by activating Enable lightbox.
Image Zoom
Activate an image zoom feature for the product media by enabling Magnify product images on hover.
Set up the gallery transitions
Automate your product media by adjusting the Gallery speed slider. Any value above 0 seconds will cycle through the images, videos, and models like a slideshow. To keep the media static, leave the slider at 0.
If enabled, select a Gallery transition option to have the media Slide or Fade between transitions.
Adjust Product Media settings
Left or Right
Select either Left or Right under Media position to set the product media to the left or right side of the product page.
Media Height
Adjust the Product media height using the provided slider to cap the height of the media at a minimum of 200px and a maximum of 800px.
Looped Video
Have your videos automatically repeat when finished by activating Enable video looping. This only applies to videos added through the Media portion of Products.