Introducing WooCommerce Product Image Flipper

banner-1544x500

It’s time for another WooCommerce plugin! This one introduces a nifty little feature that I’ve seen showcased in several ThemeForest themes. However, I always felt it really should be a plugin rather than a theme feature. And so, the WooCommerce Product Image Flipper was born.

It’s a very simple plugin really. It takes the first image in your product gallery (excluding the featured image) and displays it (along side aforementioned featured image) in product categories / archives. This secondary image is revealed on hover.

WooCommerce Product Image Flipper reveals a secondary image on hover.

WooCommerce Product Image Flipper reveals a secondary image on hover.

This plugin is perfect for displaying shots of clothing and allowing the user to flip it over to see it from the back (hence the name). There are probably many other useful applications as well though :-)

Enjoy!

Download Now

26 thoughts on “Introducing WooCommerce Product Image Flipper

  1. Love the plugin! Would it be possible to have the images flip horizontal like this theme does? http://theretailer.getbowtied.com/demo/shop/

  2. James

    thanks for this – can I send you a few bucks to tell why this won’t fire on the demo here?
    http://162.243.147.225/product/woo-single-2/

  3. Great website, and I appreciate the plugin! I can’t seem to get the Image Flipper to behave correctly on the website I’m working on: http://runfastergear.com.au/shop/

    -The images seem to display at 65% on hover and the full flip doesn’t take effect until the cursor is off the image.

    Any help would be greatly appreciated, Best-

    James S.

    • I think it’s because your theme sets all images to 65% opacity on hover. It’s doing this via jQuery so take a look in the theme js files for that and remove it.

      • My thanks is long overdue, THANK YOU, That was exactly the issue. I found it it the jquery.custom.js file.

        The plugin is still working beautifully with the newest version of WooCommerce-

  4. Hi Jay, Can i modify the css of your plugin “WooCommerce Product Image Flipper” and distribute it in my commercial theme on Themeforest?

  5. hey jay, i’ve been looking for something like this! thank you!!

    i’m just wondering if it’s possible to use a custom field image instead of the first one of the gallery. i use a specific image for the product image (and another for the hover image) and have different images for the gallery.

  6. As you mentioned ” you should be aware that this plugin uses CSS 3d transforms and will therefore only work in modern browsers.”
    wont it work with IE9?

  7. Hi James,

    Absolutely great work and a plug-in I’ve been looking for forever!! Many many thanks first, and hope you can help me out here.

    Somehow the hover effect doesn’t seem to work with my site (I’m using Newcastle woocommerce theme) and the second images are shown now right under the featured images. Any idea why and how I can fix that?

    Much appreciated!
    Wing
    wing@linefiner.com

  8. once i have activated the plugin, how to put it inside a page?? pls help.

  9. Hi, Jay,
    I’ve been looking for this functionality for a while. A couple of questions:

    Can it be tweaked so it yields something like this:
    http://shop.herriottgrace.com

    My site is:
    http://www.gemgardenjewels.com

    Can you help me with the actual CSS tweaking if I I pay your rate to fix?
    Thanks!

  10. Is it possible to remove the animation so that it just changes the images instead of fading up and down?

    Thanks

  11. Hi,

    the second image shown when I’m hover is enlarged 120%.
    I did not find any CSS causing this.

    Suggestions?
    Thanks

  12. Hi, I think your plugin is amazing!

    But I need the image go back to the first after a few seconds. I want the transition does not stop in the second image, conversely, I would like this return to the first image. Is it posible?

    Thanks!

  13. Hello, I installed a free theme woocommerce “My Style” on localhost on my computer when I installed your plug-in Image Flipper, the plug-in does not work! The image is always static, why?

    thanks

  14. Flipping to reveal a video would also be a nice addition.

  15. Hi – I am wondering if there is a way to get an image from the parent category (that would show on hover) instead of a gallery image? Has anyone tried anything like that?

    thanks thanks thanks,
    Andrea

  16. Great plug-in, but instead of the fading or smooth transition, the image bounces two or three times for about a quarter second before showing the next image. When the cursor is moved away so that the original item returns, the bounce happens again.

    I am guessing this is not the way it is supposed to be. Any guesses on what is happening here? Any help would be greatly appreciated. Thank you!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>