Support » Plugin: WooCommerce Product Image Flipper » Plugin not working

  • Hi,

    I installed the plugin and it’s not doing anything. I verified that I do have an image in gallery.

    Should it work automatically once the plugin is activated?

    Could someone advice how can I fix this?
    Thanks in advance.

Viewing 12 replies - 1 through 12 (of 12 total)
  • 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

    Dos_WPcom

    (@besttileadmin)

    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?

    Dos_WPcom

    (@besttileadmin)

    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!

    Dos_WPcom

    (@besttileadmin)

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

    Dos_WPcom

    (@besttileadmin)

    It’s like it doesn’t find that the product has a gallery image and so it does nothing.

    Dos_WPcom

    (@besttileadmin)

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

    Dos_WPcom

    (@besttileadmin)

    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?

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Plugin not working’ is closed to new replies.