Show second image on hover ( DAWN Theme )

Johan12
Excursionist
13 0 5

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?

Screenshot_2.jpg

Replies 7 (7)
KetanKumar
Shopify Partner
24941 2499 9042

@Johan12 

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 

If helpful then please Like and Accept Solution.
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
Johan12
Excursionist
13 0 5

Hi and thanks for the answer, here is the link  https://lialay.com/collections/rings    Password 7777

KetanKumar
Shopify Partner
24941 2499 9042

@Johan12 

sorry but i can't see second image on hover in desktop please show me 

 

If helpful then please Like and Accept Solution.
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
Johan12
Excursionist
13 0 5
KetanKumar
Shopify Partner
24941 2499 9042

@Johan12 

yes please add this code and try this 

1. Go to Online Store->Theme->Edit code
2. 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);
}
}

 

If helpful then please Like and Accept Solution.
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
Johan12
Excursionist
13 0 5

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.

KetanKumar
Shopify Partner
24941 2499 9042

@Johan12 

yes i have checked its working my end 

If helpful then please Like and Accept Solution.
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