Prestige Theme by Maestrooo - Adding mobile responsive second image change on hover

[NikkiAdair]

Hi There, 

I know this question has been asked before but it doesn't seem like anyone has responded / solved so thought I'd ask the question anyway.

I have the Prestige theme by Maestrooo, previously I was using the Minimal free theme and I had coded into my website that the image on collection/ product gallery pages would change to an insitu image on mouse hover on desktop and finger hold/hover on mobile. I used the code from this website:

https://www.huratips.com/tech-tips/how-to-make-product-image-change-when-mouse-over-in-shopify.html

And was able to get this working perfectly on my Minimal theme website. I have since swapped over to Prestige which said it had hover enabled however, this is only active on desktop NOT on mobile (very annoying, and didn't say that when I paid the $320USD for it). So now I need to add code in to enable this for mobile, however the code is more complex than what I had previously on my website and I'm just not confident playing around with it. I've contacted Maestrooo already and they've said I'd need to have someone code this in, as they don't help with theme alterations.

Is anyone able to help me to add code just for mobile as it is already enabled for desktop within the theme?

Thanks in advance, Nikki

My website is https://giclee-studios.myshopify.com/

www.giclee-studios.com 

[KetanKumar]

@NikkiAdair 

oh sorry for that issue can you please just check your theme setting its already allow this option if still issue just inform theme support team may some think is missing 

[NikkiAdair]

Hi Ketan Kumar, Yes I've already contacted them and they've advised that this function will only work for desktop as a mobile doesn't have a mouse. So i need to add my own code to enable for mobile. 

[GMS_Developer]

Hi, Yes, you are right, This theme doesn't have this feature but if you are interested.
I can do the code for you.
thanks.