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

All good I have resolved this issue now. Would love to know how to make my image on my landing page zoom when hovered. It is just a ‘Text Columns with Images’ image, not a product image. Would love some more interaction with it if possible please.

@BeresMedia yes please show me issue

I popped my website details above if you want to have a look there or here is a screenshot - they are stagnent photos and I’d like to either have it zoom in when I hover over them (1st preference) or click on them to purchase and I can remove the buttons (that bit I know how to do haha) [Screen Sh…

@BeresMedia yes please try this code Go to Online Store->Theme->Edit code Asset->/theme.css ->paste below code at the bottom of the file. .feature-row__image-wrapper .feature-row__image { transition: all 0.9s; } .feature-row__image-wrapper:hover .feature-row__image { transform: scale(1.1…

Thank you so much, you’re incredibly helpful. I have one last question and then the site is done! :slightly_smiling_face: :wink: I really appreciate your help. My header logo is the same file/image on all pages, however on the product pages it comes up with a blurry background whereas the file is…

Hi @KetanKumar Can you please help me with my Debut theme looks like the three dots from the slider are all the way to the right I am not sure why. Also how can I make the slider button background transparent? [cherryangel_1-1635975520062.png] In advance thank you so much for your help!

@cherryangel 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.

Hello! I got this working well but is there a way to hide the second image when not hovering? I’m using an image with a transparent background as the first image and this shows what’s underneath. Here is an example page https://iamdeadly.com/collections/i-am-sin

Got it working on Debut theme but when a product only has one image it shows a white square with No-Image. How do I change that so it just shows the main image when a product only has one image?

Reveal second image on hover - Debut theme

Store Design

KetanKumar November 3, 2021, 7:25pm 77

@BeresMedia

yes please share store url

Topic		Replies	Views
Collection - Add a hover effect to product images on your collection pages Store Design	87	1818	February 27, 2024
How can I enable second image hover on mobile product cards? Store Design design , css	142	2006	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	46	May 22, 2022
Hover on mobile, I want to enable seconde image when someone touches product. -Spotlight theme Store Design css	21	195	February 14, 2025

Reveal second image on hover - Debut theme

Related topics