How to stop product image from changing to 1st gallery image when hovering mouse

Hi @jbush12345678

Thanks for reaching out!

I understand that on your site’s single product page, the product image is replaced by the second image available under the product image galleries when hovering in it, correct?

I replicated the scenario on my personal site, however, I am unable to reproduce the issue on my end as the product image remains the same. Hovering the product image, zooms the image itself.

When hovered:

Can you please try to switch to the default Storefront theme and only WooCommerce plugin is enabled and see if this works?

If so, then this kind of problem is usually caused by your theme or a third-party plugin present on your site. We can run a conflict test to verify this. I’d recommend cloning your site to a staging environment and performing the tests described on this guide without modifying your live site or impacting customers. Many hosts provide staging facilities, so it’s worth checking in with them. It’s also possible to do it using the free WP Staging plugin.

If this was caused by a third-party plugin present on your site, it would be best to reach out to the developers for further assistance here.

If this did not resolve the issue, please share your System Status Report, that will help us further troubleshoot.

You can find it via WooCommerce > Status. Select Get system report and then Copy for support. Once you’ve done that, you can paste it into your reply here.

If you could also provide the fatal error logs (if any) under WooCommerce > Status > Logs.

You could copy and paste your reply here or paste it via https://gist.github.com/ and send the link here.

Let us know how it goes!

Hi,

The issue is occurring on pages where you see multiple product images, not one the single product pages. So on the home page and on shop page.

The issue doesn’t occur on single product pages.

For example, take the products on the following link, if you hover your cursoe over them, image stays the same:

https://www.vintagetoysgames.co.uk/

However on mine, the image changes to first gallery picture when cursor is hovered over. I don’t want this behavior to happen.

Thanks

Hi, found out how to do this.

No further assistance needed.

Thanks

Hi @jbush12345678 ,

Glad to hear that you found the solution – nice work!

I will go ahead and mark this thread as resolved then, however, feel free to create a new topic should you need any further help.

Cheers!

What was the solution?