Forums

WooCommerce - excelling eCommerce
Change image on mouseover (14 posts)

  1. docwha
    Member
    Posted 3 months ago #

    Hi,
    is it possible to have the image change on mouseover on the shop page? For instance my client sells cushions and she wants the back of the cushion to show on mouseover. I also need to make it simple for her to change the rollover image as products are added and changed.

    Thanks.

    http://wordpress.org/extend/plugins/woocommerce/

  2. splashingpixels.com
    Member
    Posted 3 months ago #

    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.

  3. citynode
    Member
    Posted 3 months ago #

    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.

  4. docwha
    Member
    Posted 3 months ago #

    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.

  5. citynode
    Member
    Posted 3 months ago #

    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.

  6. citynode
    Member
    Posted 3 months ago #

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

  7. docwha
    Member
    Posted 3 months ago #

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

  8. imeldesign
    Member
    Posted 3 months ago #

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

  9. docwha
    Member
    Posted 3 months ago #

  10. imeldesign
    Member
    Posted 3 months ago #

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

  11. docwha
    Member
    Posted 3 months ago #

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

  12. olen1009
    Member
    Posted 2 months ago #

    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.

  13. downrodeo
    Member
    Posted 4 weeks ago #

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

  14. esmi
    Theme Diva & Forum Moderator
    Posted 4 weeks ago #

    Please post your own topic.

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.