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; }

@masuimimax i have check its working fine doesn’t issue

Having problem with stacked image on mobile only. I manage to make it work on desktop/laptop version but for mobile it has stacked images. Store url: godzhand.myshopify.com theme.css: .has-secondary.grid-view-item__link img.secondary{ display:none; } .has-secondary.grid-view-item__link:hover im…

@Godzhand sorry for that issue but on mobile device doesn’t work hover its was convert to hover to touch event

okay, but at the very least can you help me so it does not show 2 stacked images on mobile? So it just go back to the default one.

@Godzhand can you please show me issue so i will check and guide

Hi, So basically on desktop/laptop version it works fine, but when it’s on mobile, it will look like this. [Godzhand_0-1638995562897.png] How can I make it to be able to just be 1 picture without hover/default, but if you can make it to hover too that would be awesome.

@KetanKumar Can you please help me? When on my products on mobile, the menu bar is disabled and the logo in the header has a weird box around it - can you please take a look? www.ballooncouture.com.au (from your phone)

Hi Ketan, Tried adding this code but the hover didn’t work. We’d like it so that if you hover on the first image, it shows the second image please. Can we have it on the homepage products but also on each product page itself too? Thanks, Ella

Hey Ketan, I somehow managed to make it work with the previous mentioned steps from this post however I have one little problem. My images are literally doubled. Can you give it a look and tell me how can I remove non-rotatable pictures of my products? Here’s the photo to better understand what I …

@nicky11 this only singale image

Reveal second image on hover - Debut theme

Store Design

Godzhand December 8, 2021, 8:33pm 89

Hi,

So basically on desktop/laptop version it works fine, but when it’s on mobile, it will look like this.

How can I make it to be able to just be 1 picture without hover/default, but if you can make it to hover too that would be awesome.

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

Reveal second image on hover - Debut theme

Related topics