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
Hello,
It is not working. When will this be fixed?
Or is there an other plugin that does the same?
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”.
@juventino-40
This worked for you? didnt do anything on my site
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
Using Storefront theme and version 0.3.0 of Woocommerce Product Image Flipper doesn’t fix the issue, or the suggested changes to the stylesheet. Still no idea why a gallery image is not showing up on hover. Any other suggestions?
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
Use this plugin:
WC Secondary Product Thumbnail
Does the same, but it works!
I tried that one too and it didn’t work.
It’s like it doesn’t find that the product has a gallery image and so it does nothing.
Can anyone confirm that this works with Multisite installs. And if there are any known issues with WPML and this plugin?
The plugins stylesheet is not loaded in the page source as it should.
Would anyone know some reasons that might happen? Anything I can check?