We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Re: Product Card Second Image On Hover/Touch For Mobile

Product Card Second Image On Hover/Touch For Mobile

sebash
Shopify Partner
13 0 5

Hi all!

 

We are currently using the Prestige theme and on desktop we have the function to let customers hover over the product card so they can see the second image. 

 

This is sadly not working on mobile. I have seen some posts on here with coding that I could add, but this didn't work for the Prestige theme sadly. Is there someone who can maybe help us figure this out? We would love for our customers to be able to hover over the product card on mobile. 

 

Our store url is: https://most-wanted.com/

Replies 8 (8)

ThePrimeWeb
Shopify Partner
2139 616 529

I don't understand, how do you physically hover on a mobile?

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com or check out the website
Check out our interview with Shopify!

Not applicable

Hi there @sebash 

 

Hovering on mobile is not possible I guess, but we can add slider option in mobile to change the image in mobile so the user able to swipe the images in the mobile.

 

try this website and see if this is something similar you need

https://labelvaarijava1.myshopify.com/

password:5777

 

Hardik29418
Shopify Partner
2913 418 1083

Hi @sebash 

Touching the product card image for a while will achieve a hover effect like Desktop on Mobile. I can add this functionality to the Prestige theme.


- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
sebash
Shopify Partner
13 0 5

Hi! 

 

Do you maybe have an example of how this looks like/works? 

bytamins
Shopify Partner
6 0 1

Hey! If you want your visitors to be able to swipe through your products (or variants) like Tinder, we've just launched an app for that: https://apps.shopify.com/hypeswipe

 

Happy to answer any questions you might have!

Restrict
Visitor
1 0 0

Hello, looks like you found a solution. Could you perhaps share your solution with me? I'm currently looking for a solution to the same problem. 🙂 

 

best regards 🙂

sebash
Shopify Partner
13 0 5

Hi!

 

We are currently using this app: https://apps.shopify.com/preview-slider?locale=nl&st_source=autocomplete 

Very happy with it and works very well, would really recommend!

SofiaK
Tourist
13 0 1

Ok this actually works amazing, thank you for sharing!