The product gallery contains images, videos, and 3D models showcasing the product on the product page.
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.
Select an option from Thumbnails to position the images on the Bottom, Left, or Right of the main image.
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
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.
Allow customers to open the product image in a modal window by activating Enable lightbox.
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.
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.
Have your videos automatically repeat when finished by activating Enable video looping. This only applies to videos added through the Media portion of Products.