Title: WooCommerce Product Image Flipper Author: James Koster Published: 21. Oktober 2013 Last modified: 26. November 2018 --- Search plugins ![](https://ps.w.org/woocommerce-product-image-flipper/assets/banner-772x250.png? rev=791235) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://s.w.org/plugins/geopattern-icon/woocommerce-product-image-flipper_595a63. svg) # WooCommerce Product Image Flipper By [James Koster](https://profiles.wordpress.org/jameskoster/) [Download](https://downloads.wordpress.org/plugin/woocommerce-product-image-flipper.0.4.2.zip) * [Details](https://de-ch.wordpress.org/plugins/woocommerce-product-image-flipper/#description) * [Reviews](https://de-ch.wordpress.org/plugins/woocommerce-product-image-flipper/#reviews) * [Installation](https://de-ch.wordpress.org/plugins/woocommerce-product-image-flipper/#installation) * [Development](https://de-ch.wordpress.org/plugins/woocommerce-product-image-flipper/#developers) [Support](https://wordpress.org/support/plugin/woocommerce-product-image-flipper/) ## Description A very simple plugin that adds a secondary product thumbnail on product archives that is revealed when you hover over the main product image. This plugin is ideal if you’d like to display more than one image on product archives, and perfect if you want to display front and back images of clothing for example. Please feel free to contribute on [github](https://github.com/jameskoster/woocommerce-product-image-flipper). ## Screenshots [⌊A flipped image.⌉⌊A flipped image.⌉[ A flipped image. ## Installation 1. Upload `woocommerce-product-image-flipper` to the `/wp-content/plugins/` directory 2. Activate the plugin through the ‚Plugins‘ menu in WordPress 3. Done! ## FAQ How do I control which image is displayed on hover? Whichever image is first in the order of product gallery images will appear on hover. My secondary image is taller than the main product image and overlaps content when it fades in This is due to the secondary image being positioned absolutely. This is the cleanest way I can think to do this with CSS alone. You may want to consider hard cropping your product catalog thumbnails to ensure all images are the same dimensions in product archives. It doesn’t work. Nothing happens when I hover over images? First of all check that the product you’re checking has a gallery attached to it. ## Reviews ![](https://secure.gravatar.com/avatar/867a6616639fa9e450a62a1d37672d4d94df7f8e10fb1189acee8c6d02fe4ff0? s=60&d=retro&r=g) ### 󠀁[still working](https://wordpress.org/support/topic/still-working-121/)󠁿 [aeminium01](https://profiles.wordpress.org/aeminium01/) 15. Oktober 2022 This plugin is still working with WP 6.0.2. and Woocommerce 7.0. Please update this great plugin. It's imperative! Best regards ![](https://secure.gravatar.com/avatar/e29f5cf25b003d5d2b0ad2ea2bebcbc0786184c5c5c53d3c5e5d313031e510bb? s=60&d=retro&r=g) ### 󠀁[It Works However,](https://wordpress.org/support/topic/it-works-however/)󠁿 [furkan2665](https://profiles.wordpress.org/furkan2665/) 5. Oktober 2019 it works I hope you will continue improving this amazing plugin : ) However, the second image in the product gallery should be 800×800. ![](https://secure.gravatar.com/avatar/8a0f10ade6dabd5fd7ea72391270f1f24e36047e2c953df8e4bdcd679a7b3f3a? s=60&d=retro&r=g) ### 󠀁[Worked as advertised 👍🏼](https://wordpress.org/support/topic/worked-as-advertised-%f0%9f%91%8d%f0%9f%8f%bc/)󠁿 [sumeetchawla](https://profiles.wordpress.org/sumeetchawla/) 9. August 2019 Works perfectly out of the box. Kudos on such an amazing plugin. Saved so much of my time. ![](https://secure.gravatar.com/avatar/00cfcc666dc316b1cb90937a88bc93e7e882c5ff0d19139e6ec85109d710fabc? s=60&d=retro&r=g) ### 󠀁[Sadly doesn’t work anymore](https://wordpress.org/support/topic/sadly-doesnt-work-anymore/)󠁿 [vm_design](https://profiles.wordpress.org/valeriemanne/) 26. April 2019 1 reply Loved the feature, but as another recent commenter mentioned – it does not work anymore. ![](https://secure.gravatar.com/avatar/dd2808858e3fa98ae857d7c07a6e9d724567eb22303054cd048be7d55dbc9df4? s=60&d=retro&r=g) ### 󠀁[plugin doesn’t work with latest version of WooCommerce](https://wordpress.org/support/topic/plugin-doesnt-work-with-latest-version-of-woocommerce/)󠁿 [stoicattempt](https://profiles.wordpress.org/stoicflo/) 17. April 2019 WordPress 5.1.1 WooCommerce 3.6.0 Images are simply printed below each other. It used to work fine, until today. ![](https://secure.gravatar.com/avatar/31a8a2e3e69597e34b369e071ef7c8a3d4fd9766885e457903d78964a1fbd9e9? s=60&d=retro&r=g) ### 󠀁[Works](https://wordpress.org/support/topic/works-1527/)󠁿 [Kousekmusic](https://profiles.wordpress.org/kousekmusic/) 8. Februar 2019 Nice, works well. [ Read all 28 reviews ](https://wordpress.org/support/plugin/woocommerce-product-image-flipper/reviews/) ## Contributors & Developers “WooCommerce Product Image Flipper” is open source software. The following people have contributed to this plugin. Contributors * [ James Koster ](https://profiles.wordpress.org/jameskoster/) “WooCommerce Product Image Flipper” has been translated into 2 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/woocommerce-product-image-flipper/contributors) for their contributions. [Translate “WooCommerce Product Image Flipper” into your language.](https://translate.wordpress.org/projects/wp-plugins/woocommerce-product-image-flipper) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/woocommerce-product-image-flipper/), check out the [SVN repository](https://plugins.svn.wordpress.org/woocommerce-product-image-flipper/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/woocommerce-product-image-flipper/) by [RSS](https://plugins.trac.wordpress.org/log/woocommerce-product-image-flipper/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 0.4.2 – 26.11.2018 * Fix – Moved initilisation function to pif class. Fixes compatibility with other plugins. #### 0.4.1 – 12.12.2017 * Fix – Flipper effect is now applied to shortcodes and product loops on single product pages. #### 0.4.0 – 21.07.2017 * Enhancement – This plugin does not use CSS 3d anymore. * Tweak – Secondary images now include alt / title tags #### 0.3.0 * Fix – WooCommerce 2.7 compatibility. * Tweak – Simpler image transition. #### 0.2.0 * Fix – WooCommerce 2.2 compatibility #### 0.1 Initial release. ## Meta * Version **0.4.2** * Last updated **8 Jahren ago** * Active installations **3'000+** * WordPress version ** 3.8 or higher ** * Tested up to **5.0.0** * Languages * [English (US)](https://wordpress.org/plugins/woocommerce-product-image-flipper/), [Spanish (Chile)](https://cl.wordpress.org/plugins/woocommerce-product-image-flipper/) und [Spanish (Spain)](https://es.wordpress.org/plugins/woocommerce-product-image-flipper/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/woocommerce-product-image-flipper) * Tags * [ecommerce](https://de-ch.wordpress.org/plugins/tags/ecommerce/)[images](https://de-ch.wordpress.org/plugins/tags/images/) [photos](https://de-ch.wordpress.org/plugins/tags/photos/)[product](https://de-ch.wordpress.org/plugins/tags/product/) [woocommerce](https://de-ch.wordpress.org/plugins/tags/woocommerce/) * [Advanced View](https://de-ch.wordpress.org/plugins/woocommerce-product-image-flipper/advanced/) ## Ratings 4.3 von 5 Sternen. * [ 23 5-Sterne-Rezensionen ](https://wordpress.org/support/plugin/woocommerce-product-image-flipper/reviews/?filter=5) * [ 0 4-Sterne-Rezensionen ](https://wordpress.org/support/plugin/woocommerce-product-image-flipper/reviews/?filter=4) * [ 0 3-Sterne-Rezensionen ](https://wordpress.org/support/plugin/woocommerce-product-image-flipper/reviews/?filter=3) * [ 0 2-Sterne-Rezensionen ](https://wordpress.org/support/plugin/woocommerce-product-image-flipper/reviews/?filter=2) * [ 5 1-Sterne-Rezensionen ](https://wordpress.org/support/plugin/woocommerce-product-image-flipper/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/woocommerce-product-image-flipper/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/woocommerce-product-image-flipper/reviews/) ## Contributors * [ James Koster ](https://profiles.wordpress.org/jameskoster/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/woocommerce-product-image-flipper/)