If you have the "hover to zoom" feature active on your product pages, you may notice that on mobile devices, this feature behaves a little differently, because there is no 'hover' motion when a user is interacting with their mobile device with their fingers. So on mobile, if the shopper taps on a product image, the image will display in a popup modal window but it will stay more or less the same size:
On the other hand, if the shopper touches the image and then holds and drags, this "hold" motion will replicate desktop mouse hovering behaviour (on most devices) and this will allow them to drag around the zoomed in image and see more detail:
This behaviour isn't necessarily obvious or intuitive however, so an alternative to this (though it's not recommended or officially supported) is to modify your theme's code to allow users to "pinch to zoom" on pages.
If you'd like to try this modification, navigate to Sales Channels > Online Store > Themes > "Actions" > Edit HTML/CSS. Then, locate theme.liquid in the sidebar and look for this line:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
Modify it to look like this:
<meta name="viewport" content="width=device-width, initial-scale=1">
This will allow users to "pinch" to zoom in on the product images as well as on all the pages of your shop.
However, as mentioned, this is not officially supported and may cause unintended effects related to the mobile view, which we are unable to support or help fix.
If you end up experiencing any unintended issues, you will need to restore the line of code to the original version (shown above).