Hi! I want the product cards to show their second image on hover, I have checked the option and it works on desktop, but it doesn’t work on mobile… I need it to work on mobile too. Any help please? Here’s the store https://agori-jewellery.com/ I’m using Dawn 7.0.1

Hi @agori May I suggest to update code these steps: Go to Store Online-> theme → edit code Assets/component-card.css Add code below to bottom of file .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) { opacity: 0; } .card-wrapper:hover .media.media--hover-effect>…

Hi @3dconfectionery , May I suggest to update code these steps for Honey theme: Go to Store Online-> theme → edit code Assets/base.css Add code below to bottom of file body .product-card-wrapper:hover { transform: scale(1.024); } body .product-card-wrapper:hover .product-card__image--hover {…

Hi! I’m trying to do the same in Pipeline. Would so appreciate the code. Thank you!

Hi, if I’m on the Sense theme, where should I enter this code? I don’t see a body tag when I search in theme.liquid

Hi @KatTix , It’s been set at end of file [EBOOST_1-1723159404341.png] Or you can Go to Store Online-> theme → edit code → Assets/base.css → add code to end of this file ( rmb remove and ) [EBOOST_2-1723159521866.png] [EBOOST_0-1723159276119.png]

Thank you so much! I found it and tried that code and it didn’t work. I think I’ve tried all the codes on this thread it their respective places and none of them have worked so far. Do you have any suggestions for the Sense theme?

Hi, before I saw your response I asked Shopify for help and they put in the code in the screenshot. It’s working now but only when I long press. Is there a way to make it so the second photo will show just from touching it normally during scrolling? Thank you again [Screenshot 2024-08-09 at 12.35.…

Hi, just checking in to see if you saw my last message and hopefully can help? Before I saw your answer, Shopify customer service added code that works but only if I long press. Is there anything I can add so it just appears as I touch it while swiping?

I’m a looking to do the same thing on mobile in the new version of the IMPACT theme. Any help? @EBOOST

How can I enable second image hover on mobile product cards?

Store Design

EBOOST August 9, 2024, 2:24am 123

Hi,

You try code below:

Topic		Replies	Views
Show second image on hover ( DAWN Theme ) Store Design	16	135	June 23, 2023
Reveal second image on hover - Debut theme Store Design	134	865	November 9, 2023
Product card second image on hover/touch for mobile Store Design design	2	37	January 18, 2025
Collection - Add a hover effect to product images on your collection pages Store Design	87	1213	February 27, 2024
Image on hover on product card not be second image Store Design design , customizations , css , shopify-themes , troubleshooting	22	172	July 29, 2025

How can I enable second image hover on mobile product cards?

Related topics