Not Working to Scroll product images with touch on mobile

Hi there - I am sure this is a simple feature, as most websites now when you swipe on a product image with your finger and then you can scroll through the images by swiping right / left on the main image (on mobile).

I have managed to fix the scroll on the thumbnail bar so you can glide through the images and then click the thumbnails to select but not able to swipe through the main image to see the next… feel like it’s code for the product image…

Any help appreciated. See screenshot the main image doesnt scroll :disappointed_face:

I have found this on the shopify help page … just need the code snippet if anyone knows?

'To enable swipeable product images on mobile, you’ll need to edit your theme’s code. Here’s a brief guide:

  1. Open Shopify app, tap > Online Store > Manage themes.
  2. Find your theme, tap > Edit code.
  3. Open theme.js or theme.js.liquid in Assets.
  4. Paste the provided code at the file’s end.
  5. Tap Save.’

Shame they don’t list the code.

Could you please share the code?

I actually found it didn’t really work how i wanted and downloaded an app that is great and does everything > go product page gallery + zoom