make sure you have a featured image. and a image in the gallery. or may be try to put 2 images in the gallery just to see if it works. There is no setup, once activated it should flip the images in the shop. I am using Divi , which has its own WC shop module, and version .040 quit working, so i reverted back to version .030 , and it works

To fix this bug you need to go to /woocommerce-product-image-flipper/assets/css/style.css file and replace class “woocommerce-LoopProduct-link” to “flipper_imgs”.

Hi guys,

I had someone look at it who knows what he is doing and he fixed it for me.

For anyone who has the same issue, the code working is:

/**
 * Styles
 */

.pif-has-gallery {
	position: relative;
}

.pif-has-gallery .onsale {
	z-index: 999999;
}

.pif-has-gallery .wp-post-image {
	opacity: 1;
}

.pif-has-gallery .wp-post-image--secondary {
	position: absolute;
	top: 0; left: 0;
	opacity: 0;
}

/* backward compatibility - .woocommerce-LoopProduct-link will probably be removed in future releases */
body.woocommerce:not(.single-product) ul.products li.pif-has-gallery a.woocommerce-LoopProduct-link [class*="wp-post-image"] {
	-webkit-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

body.woocommerce:not(.single-product) ul.products li.pif-has-gallery a:hover .wp-post-image {
	opacity: 0;
}

body.woocommerce:not(.single-product) ul.products li.pif-has-gallery a:hover .wp-post-image--secondary {
	opacity: 1;
}

body.woocommerce:not(.single-product) ul.products li.pif-has-gallery a [class*="wp-post-image"] {
	-webkit-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease;
}

body.woocommerce:not(.single-product) ul.products li.pif-has-gallery a:hover .wp-post-image {
	opacity: 0;
}

body.woocommerce:not(.single-product) ul.products li.pif-has-gallery a:hover .wp-post-image--secondary {
	opacity: 1;
}

Just paste that over the style.css content in /woocommerce-product-image-flipper/assets/css/style.css

Hi,

I am trying everything to get this working and no luck.

If I inspect my page, there is no secondary image.

Any help would be greatly appreciated!

David

I tried that one too and it didn’t work.

Can anyone confirm that this works with Multisite installs. And if there are any known issues with WPML and this plugin?