Turbo's product page template includes a Product Gallery feature to showcase product media.
View our Turbo Image Size Guide
Product gallery settings
Open Products, then Default product with the page selector.
In the left sidebar, click Product information to open its settings.
For the product images themselves, use 1024 x 1024px dimensions. We recommend using images that are the same size and image aspect ratio to maintain consistency.
Product media position
Select a Product media position to display your product image gallery on the Left or Right side of the product page.
Adjust product media height
Enable Set height of product media, then adjust the Product media height slider to restrict the height of the product media within a range of 200 - 800px.
More information on videos, 3D models, and images with Shopify's Product Media
Show thumbnails
If you would like to display all of your product images, you can select the Show product gallery thumbnails setting to display the images as thumbnails.
Show arrows
When enabled, the Show arrows setting will display subtle previous/next arrows on the product gallery when hovered over the image.
Select the color for these arrows in Theme Settings > Colors > Layout > Slideshow arrow. You can also choose an arrow style under Colors > Layout > Arrow style.
Enable lightbox
The Enable lightbox setting will allow your customers the ability to open up a modal window viewer for the product images.
Magnify product images on hover
Enable Magnify product images on hover and provide customers with a zoom feature to get a closer look at the product images.
Transition and gallery speed
Select Slide or Fade with the Transition dropdown.
Use the Gallery speed slider to control the display duration for each slide. To disable autoplay altogether, move the slider to the left to set it at 0.
Thumbnails position
Select Left, Right, or Bottom from Thumbnails position to control the position for additional media. The left and right positions will display vertically while the bottom position displays horizontally.
Enable thumbnail slider
Gather the additional media with a slider by activating Enable thumbnail slider. This will display when you have 7 or more thumbnail images.
Earn extra revenue by referring Turbo, Flex, and Superstore!
You can earn commissions on referred sales of Turbo, Flex, and Superstore when you join our affiliate program in PartnerStack!
Affiliate Program Benefits:
- Earn 15% commissions - Receive up to 15% commission for each sale made through your referral link. This is a fantastic opportunity to generate additional revenue while helping your clients elevate their online presence.
- Exclusive access to our themes -As an affiliate, you'll gain insider access to our top-selling themes, including Turbo, Flex, and Superstore, which are known for their adaptability, robust features, and exceptional design.
- Dedicated support and resources - We provide our affiliates with dedicated support, marketing materials, and all the resources needed to successfully promote our themes.