Change image on mouseover

I don’t think there is a plugin for this so you would have to custom code this yourself via JS. For the images, you could either add custom meta boxes for them or just use the native image loader and have the JS script flip through all of them on hover.

I’d have to say that I think that is a worse user experience, to have the image change from one thing to a different view, just because your mouse is hovering over the image. There isn’t any indication for the user that they are going to find the back of the pillow there, and the changing image would be unexpected. Better to use a lightbox sort of thing, where thumbnails of both views are seen below the main image, and can change by clicking on thumbnails, or the standard woocommerce/wordpress lightbox experience.

I know though, the client wants what the client wants.

Hello and thanks for your answers. I must admit I wasn’t sure about the user experience myself but the client had seen it somewhere. I’ve set it with the standard woocommerce lightbox. I’ll see what she says first before going further.

I hope that they can be talked out of it gently, or that they just forget about it as you work on actual problems. If I didn’t hope they would just forget about the issue, I’d want to ask them where they had seen it, so you could go look at it “in the wild” and review how well it really works.

Not that there aren’t good applications for “change image on mouseover” for products; there are, so this would be good to figure out.

Yes, I will find out where it was seen and look into it.

Can you post where they saw it? I just had the same request from my client.

Hi imeldesign,
These are the links I’ve just been sent.

https://www.tedbaker.com/men’s/men’s_accessories/wallets/list.aspx

https://www.donnakaran.com/shop-ready-to-wear/dresses/

https://www.frenchconnection.com/category/Homeware+Collection+Cushions+And+Throws/Cushions+Blankets+Throws.htm

I found it in some themes on themeforest as well. On Themes built on WooCommerce so it is possible.
https://themeforest.net/item/blanco-responsive-wordpress-ecommerce-theme/2755246?sso?WT.ac=search_item&WT.seg_1=search_item&WT.z_author=8theme

Thanks for that, will look and see how it’d done. If I manage I will let you know.

The general trend seems to be that when someone clicks either a variation thumbnail or variation text choice in a dropdown (or radio button), the featured image changes to the new selection. But that doesn’t happen with WC. Also, while there are plugins that turn a mouseover image into zoom…that zoom is agonizing to me. It’s like looking at the picture with a magnifying glass. I would rather that the entire picture just “burst”, as if it had been clicked, and then reduce back to the original size when the mouse is moved off the image.

Hi, has anyone managed to solve this? I’m not sure how to call the alt image, that’s the problem I’m having.

Please post your own topic.

Try https://www.ads-software.com/plugins/hover-image/

Thanks for that.
I’ll install it this evening and let you know how i get on.