If clicking on your product thumbnails on mobile does nothing and the main product image doesn’t change, there are a few settings to check to ensure thumbnails work as expected.
Why Are My Product Thumbnails Not Changing Images on Mobile?
Here are possible reasons why your product thumbnails might not be switching images on mobile:
Thumbnail Carousel Layout Not Set
Make sure that both your mobile and desktop layouts are set to Thumbnail Carousel. If another layout is selected, the thumbnails may not be interactive on mobile.
“Hide Other Variants’ Media” Is Enabled
Check your theme settings for the option Hide other variants’ media after selecting a variant.If enabled: Only images related to the currently selected variant will display, and other images will be hidden. This prevents thumbnail images from switching the main product image if they belong to other variants.
Recommended: Disable this setting so all thumbnails remain visible and clickable for easy switching.
How to Fix the Issue
STEP 1
Go to your theme editor and open the Product Page template.
STEP 2
Look for the Product Information section and click on it to open its settings.
STEP 3
Ensure the Mobile Layout and Desktop Layout are both set to Thumbnail Carousel.
STEP 4
Scroll to find the Hide other variants’ media after selecting a variant option. Make sure it is disabled.
STEP 5
Save your changes.