Hello, I need some help ![]()
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
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.
Hello, I need some help ![]()
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
@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:
Open your theme.liquid theme file
Paste the below code before :
Result:
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
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:
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?