Woocommerce product image duplicate magnifying glass

  • kennethrg

    (@kennethrg)


    4 years ago

    I am using Pinnacle with WooCommerce. I tried a few different settings for Product in the theme plugin but none seem to work the way I would expect. Right now I have the woocommerce slider off and hover zoom on.

    The problem is that the magnifying glass icon to open the image lightbox is showing up for every thumbnail, not just the currently shown image. Multiple magnifying glasses are visible.

    We like the look of the Pinnacle gallery and the lightbox, but we also would like to use the hover zoom in order to get the full detail of the image (at least the primary image). Is there a way to have only the magnifying glass icon associated with the current image to display?

    I am seeing the same behavior with both Safari and Chrome browsers.

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • hannah

    (@hannahritner)

    Hi @kennethrg,
    Thanks for reaching out! Are you using any WooCommerce extension plugins? It seems you could have a plugin that is adding the additional icon. I suggest deactivating your plugins to test. Let me know if there’s no change.

    Kindly,
    Hannah

    Thread Starter kennethrg

    (@kennethrg)

    Hanna,
    Thanks for the suggestion. I can’t imagine any plugin that would do that. We used to be using Final Tiles Gallery but when we moved to the Pinnacle theme we switched to using the Kadence Blocks gallery block. Even so, I don’t think that would have affected anything in Woocommerce. We don’t have any Woocommerce plugins except Menu Cart, Google Analytics Integration, and our payment gateway.

    By the way, the problem only shows up in products with multiple images. If the only image is the Featured image then there’s only one magnifying glass. Looking at the page source, I see that each image has a corresponding magnifying glass that shows up. Presumably the icons for the images that are hidden are also supposed to be hidden, but they are not.

    • This reply was modified 4 years ago by kennethrg.
    hannah

    (@hannahritner)

    Hey,
    Can you tell me what other plugins you’re using? Any gallery plugins? I’m not able to replicate this so it’s tough to troubleshoot.

    Kindly,
    Hannah

    Thread Starter kennethrg

    (@kennethrg)

    Hannah, here are the plugins. We’re running WordPress 5.6.2. I tried disabling each of the plugins (minus Woocommerce), and I also tried removing my custom CSS. None made any change to this behavior.

    Active plugins (18)
    Antispam Bee by pluginkollektiv – 2.9.3
    Contact Form 7 by Takayuki Miyoshi – 5.4
    Events Manager by Marcus Sykes – 5.9.11
    GA Google Analytics by Jeff Starr – 20210211
    Kadence Blocks – Gutenberg Blocks for Page Builder Features by Kadence WP – 1.10.2
    MailPoet 3 Premium (New) by MailPoet – 3.60.0
    MailPoet 3 (New) by MailPoet – 3.60.2
    ShortPixel Image Optimizer by ShortPixel – 4.21.1
    Virtue/Ascend/Pinnacle Toolkit by Kadence WP – 4.9.6
    Web Stories by Google – 1.4.0
    WooCommerce Google Analytics Integration by WooCommerce – 1.5.1
    WooCommerce Menu Cart by Jeremiah Prummer, Ewout Fernhout – 2.9.7
    WooCommerce Square by WooCommerce – 2.3.4
    WooCommerce by Automattic – 5.0.0
    Wordfence Security by Wordfence – 7.4.14
    Yoast SEO by Team Yoast – 15.9.1
    WP Product Feed Manager by Michel Jongbloed – 1.28.0
    WP Statistics by VeronaLabs – 13.0.6

    hannah

    (@hannahritner)

    Hey,
    Sorry for the delay! I’ll forward this to the developer and see if he has any insight. He’ll respond as soon as he’s available.
    Thanks for your patience!

    Kindly,
    Hannah

    Theme Author Ben Ritner – Kadence WP

    (@britner)

    Thanks for posting this is a but, related to when you have the slider off. Here is some css you can add in the custom css box for a quick fix:

    .woo_product_zoom_enabled.woo_product_slider_disabled .product_thumbnails a:before {
    display:none;
}

    I’ve put this in my next update to be fixed.

    Ben

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Woocommerce product image duplicate magnifying glass’ is closed to new replies.

Tags