Supported Versions
The details shared here apply to the most recent version of Turbo, Flex, Parallax, Retina, Responsive, Mobilia, and Artisan. To keep your theme up to date, check out this helpful document.
Enabling the Thumbnail Slider on the Product Page
The product thumbnail slider is a useful feature to enable if you have lots of images for a product; instead of a cluttered collection of thumbnails extending down the page, they all get tucked neatly away into a slider below the main image.
This will give your product pages a cleaner look while allowing shoppers to explore all of your product photos!
Select your theme:
-
Turbo
Step 1: To enable the thumbnail slider , from your Shopify Admin, head into Online store > Themes > Customize. Navigate to your Product Page in the theme editor.
Step 2:Under Sections > Product, in the Product Gallery area, enable the "Show product gallery thumbnails" setting.
Step 3: Then, select 'Bottom (slider)' as the option for the "Thumbnails position" setting.
Please note: the slider will kick in when you have 7 or more thumbnail images!
-
Flex
Step 1: To enable the thumbnail slider , from your Shopify Admin, head into Online store > Themes > Customize. Navigate to your Product Page in the theme editor.
Step 2: Under Sections > Product > in the Product Gallery area, choose 'Bottom' as the option for the "Thumbnails" setting.
Step 3: Then, check off the "Enable thumbnail slider" setting.
Please note: the slider will kick in when you have 6 or more thumbnail images!
-
Parallax/Retina/Responsive/Mobilia
A thumbnail slider option was added to Parallax 3.7.0, Retina 4.7.0, Responsive 7.2.0, and Mobilia 6.2.0. If you are on a previous version, you will need to update your theme.
Step 1: To enable the thumbnail slider , from your Shopify Admin, head into Online store > Themes > Customize. Navigate to your Product Page in the theme editor.
Step 2: Under Sections > Product > in the Product Gallery area, choose 'Bottom' as the option for the "Thumbnails" setting.
Step 3: Then, check off the "Enable thumbnail slider" setting.
Please note: the slider will kick in when you have 6 or more thumbnail images!
-
Artisan
In the Artisan theme, the thumbnail images on the Product Page will automatically display as a slider if the product has 7 or more images.
Step 1: To enable the product gallery thumbnails, from your Shopify Admin, head into Online store > Themes > Customize.
Step 2: Under Sections > Product > in the Product Gallery area, enable the "Show product gallery thumbnails" setting. Then, if you have products that have 7 or more images added to them, they will display within a thumbnail slider.