Mobile version Hoover over in collection not working

Mobile version Hoover over in collection not working

GediminasS
Excursionist
21 0 11

Hi,

 

Pc version Hoover photos are working fine. The mobile version does not seem to work at first touch. When you hold longer or click on the other side a bit, then, it changes the photo. But it's not very intuitive for the customer. 

 

https://e8614c-2.myshopify.com/collections/decking-and-pergola-kits-1

Replies 4 (4)

KetanKumar
Shopify Partner
37634 3670 12166

@GediminasS oh sorry for that issue can you try  this script code its work on mobile or touch device only add this your js file 

const images = document.querySelectorAll('.your-image-selector');
images.forEach(image => {
    image.addEventListener('touchstart', function() {
        // Code to change the image on touch
    });
});
If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
GediminasS
Excursionist
21 0 11

@KetanKumar where do i need to paste it?

 

KetanKumar
Shopify Partner
37634 3670 12166

@GediminasS your theme.js file bottom the code 

If helpful then please Like and Accept Solution. Partnership of your ️ Coffee Tips and my code can bring miracles.
Want to modify or custom changes on store Hire Me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
GediminasS
Excursionist
21 0 11

Hi,

 

Unfortunately same, nothing changed.