How to disable second image on Hover (Dawn theme)

Topic summary

Goal: remove the Dawn theme’s hover effect that swaps to a product’s second image (or shows a white overlay) when the mouse moves over product cards.

Context: Disabling the option in collection settings still left a white overlay/second image on hover, including on the homepage product grid. “Hover effect” = visual change on mouseover; Dawn typically swaps to the second product image.

Proposed fix: Edit Online Store → Theme → Edit code → theme.liquid and paste a custom snippet before . The first snippet shared did not work; an updated snippet was provided.

Outcome: After using the updated code, the original poster confirmed the hover swap was removed.

Media/notes: Screenshots show where to paste code and the visual result. The actual code content is not visible in the shared posts, which is central to reproducing the fix.

Open issues: Another store reports the snippet does not work for them (aquababy.cl). A different store says it works on the products (collection) page but the homepage Featured Products section still swaps images and asks what additional code is needed. Status: partially resolved; further guidance required for other sections/stores.

Summarized with AI on January 7. AI used: gpt-5.

Hello, I need some help :slightly_smiling_face:
I already disable on collection settings, when I move my mouse over the product, it shows me a white background.
If I enable it, it show the second image

I just want to disable it and only see my product first image

@Shiyuka - please share this product page link

https://anime-cosplay.fr/

@Shiyuka - which product giving issue?

All, when you put ur mose over, white overlay appear

@Shiyuka - not visible

On the main page, when you put your mouse on image (one of product) and don’t click
the hover effect is here and just put white image

Hello @Shiyuka

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you:

  1. Go to Online Store → Theme → Edit code:

  1. Open your theme.liquid theme file

  2. Paste the below code before :


Result:

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

Hello, I put here the code

But it still the same

@Shiyuka

Please update again with the code below:


1 Like

Thanks, it’s working, i don’t have the hover effect no more

hello, i have the same problem and this code don’t work:

www.aquababy.cl

Hi! I’ve done this on my website and it’s worked for the products page, but on my homepage I have a featured products section, and this still shows the second image. What code do I need to add to stop this happening too?