Hi, would really appreciate some help with this – been trying to follow some threads on this topic but to no avail. I would like to have the second image of each product revealed on hover. Am using Debut theme. Thanks very much! My site is www.curiouslah.com

@iamcurious Thanks for update code also, please add the below code. Go to Online Store->Theme->Edit code Asset->/theme.scss.liquid->paste below code at the bottom of the file. .grid-view-item__title { margin-top: 20px; } .grid-view-item__vendor, .price__vendor { display: none; }

@Daniel134 it’s my pleasure to help us

Hello @KetanKumar thanks in advance for your help and time! Ive been trying to make it work, but after trying a bunch of different codes and you answers, its still not working, it just shows an empty image when hover: [error_hover.jpg] theme.css: /* =============================================…

@hefestus thanks for it sorry but i can’t see above code please add and let me know

I hope that you can help me!! I’m trying to implement the hover over effect on my website as well but it is also not working. I’ve followed the steps as listed in https://community.shopify.com/topic/614960 but it doesn’t work. My secondary image shows up below the first image or nothing changes at…

@KetanKumar I took it out after because the site was not good, but now i put back exactly as in my reply, both the theme.css and product-card-grid.liquid Same thing happens (blank/no image on hover) I really appreciate any help on how to make it work to show 2nd image on hover. Thanks in advance…

@hefestus Sorry you are facing this issue, it would be my pleasure to help you. Welcome to the Shopify community! :blush: Thanks for your good question. Please share your site URL, I will check out the issue and provide you a solution here.

@KetanKumar Thanks! Site url is the same: https://beatriz-536.myshopify.com/collections/for-her You can also check it under SHOP menu item, in any of the other pages: For him / Kids

@hefestus thanks for more details sorry but i can’t see second image code [KetanKumar_0-1635221586949.png] otherwise your code work as well

@KetanKumar What do you mean? i dont understand, where that code should be, i have: theme.css: /* =============================================== // Reveal module // =============================================== */ .reveal .hidden { display: block !important; visibility: visible !important;} .…

@hefestus yes that current code please add this code

Reveal second image on hover - Debut theme

Store Design

KetanKumar October 25, 2021, 6:35am 57

@hefestus

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.

Topic		Replies	Views
Collection - Add a hover effect to product images on your collection pages Store Design	87	1323	February 27, 2024
How can I enable second image hover on mobile product cards? Store Design design , css	142	1493	March 21, 2025
Image on hover on product card not be second image Store Design design , customizations , css , shopify-themes , troubleshooting	22	220	July 29, 2025
How to create a hover effect for a second image on Venture theme? Store Design	3	31	May 22, 2022
Hover on mobile, I want to enable seconde image when someone touches product. -Spotlight theme Store Design css	21	123	February 14, 2025

Reveal second image on hover - Debut theme

Related topics