How can I add a hover effect on mobile images using Alchemy theme?

Hi!

I’m currently looking for help to add a hover effect on images on mobile, using the Alchemy (Swimclub) theme.

I’ve created a page with a catalog displaying different featured collections and, while the hover effect came automatically on desktop, it does not seem to exist on mobile.

Is there anything I could edit or add in the code for that hover effect to work on mobile ?

My store is https://www.getprete.com/

Many thanks for your help

Aurore

@aurore_prete

sorry for that issue desktop on hover work as well but sorry mobile doesn’t hover event convert to touch so doesn’t work on mobile hover please confirm

@aurore_prete
@KetanKumar
Ketan is right,
No hover effect will work on Mobile Devices.
Let me know if you need any more help.

Thank you so much for your replies!

Is there anyway to display secondary images on mobile then? Like with a swiping effect maybe?

Many thanks

@KetanKumar

@Zworthkey

Thank you so much for your replies!

Is there anyway to display secondary images on mobile then? Like with a swiping effect maybe?

Many thanks

@aurore_prete
sorry, Their is no way. on hover display the second image.

@aurore_prete no hover not possible only work on touch event

@Zworthkey @KetanKumar Okay, thank you both!

@aurore_prete

its our pleasure to help us

Hi there,

I’m looking for the exact same feature (hover effect on mobile), but is not a part of my theme (flow) as well.

So, is there any coding available for adding this feature to an existing theme. The hover effect works well on the desktop device. My site is www.mumutane.com

Best regards

Maria

Hi @Maria_Mumutane

This feature is not available for mobile. if you are interested. please let me know. I can do some advanced code for this.
Thanks

How do you set up a touch event on mobile?

@MeatHands

yes can you please share your store url and let me know what do you want on mobile touch event

https://shop.jackknifemotors.com/

I’m trying the product image to switch to the second image in the carousel when you touch it on mobile.

This is an example of what I am trying to accomplish:

https://shop.darcsport.com/collections/drop-12-heaven-has-to-wait

When you touch the product, it immediately switches to the next image.

@MeatHands

it also redirect product page that fine for you have used current code