Hello everyone, I have activated “Show second image on hover” but unfortunately it only works for Desktop. Can someone help activate this option for mobile as well?
1 Like
yes its work as well on mobile but theme is perfect solution on mobile bcz all mobile device automictic covert hover to touch event if use click on photos go to product page is this fine for you? so please share your store url
Hi and thanks for the answer, here is the link https://lialay.com/collections/rings Password 7777
1 Like
sorry but i can’t see second image on hover in desktop please show me
yes please add this code and try this
- Go to Online Store->Theme->Edit code
- Asset->/component-card.css ->paste below code at the bottom of the file.
@media screen and (min-width: 320px) {
.card-wrapper:hover .media.media--hover-effect>img+img {
opacity: 1;
transition: transform var(--duration-long) ease;
transform: scale(1.03);
}
}
Dear Ketan, thanks for your help. I did as you said, unfortunately it still does not work if you log in from your smartphone. And with Desktop it works fine. I would like this to work for mobile devices as well.
2 Likes
yes i have checked its working my end
@Johan12 Have you been able to find a solution? The code indeed doesn’t seem to work
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
i have the same problem. You can help me ?
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
i am also having this issue. also using Dawn theme. the hovering on mobile “works” for me, at least kind of. but you have to press and hold on iphone, and by the time the second pic shows up, the ios brings up the preview for the next page… PLEASE HELP ME!
1 Like
oh sorry for that but mobile device hover affect convert touch so mobile only redirect to relevant product page
Hi Ketan, I tried this code. However, I noticed it only works on one product, which is the first product I tap on. When I tap on one of the products on my mobile phone, it did show me the second image. However, after tapping on one product, when I proceed to tap on the other products beside it, it doesn’t show the second image anymore.
1 Like
oh sorry for any issue can you please send store url so i will check and let you know
1 Like
Thanks~my store url is www.softsplendor.com