Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #181849

    Hi,

    I have installed the Magic Zoom plugin, to zoom my image products in WooCommerce.
    How can I remove the entire lightbox functionality, please? (The ‘hover’ arrow on blue background, and also so the ‘click-ability’).

    Thank you!

    • This topic was modified 11 months, 3 weeks ago by  BelIblis.
    #181854

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    #181865

    Site is still under development, here’s a preview of a product page with the Magic Zoom plugin enabled:

    http://www.bjornholland.com/product/badland-hoodoos/

    #181872

    Hi!

    Add this code to the Quick CSS:

    .MagicZoom .image-overlay {
    display: none !important;
    }
    

    Best regards,
    Josue

    #181884

    Works great – thank you very much!
    Is it possible to also make it impossible to “click” the image, so the lightbox doesn’t open.

    #181889

    Hi!

    I don’t think that would be possible because the Magic Zoom plugin uses that hyperlink in order to work, so disabling it would disable that too:

    a.MagicZoom{ pointer-events: none; }

    Cheers!
    Josue

    #181900
    This reply has been marked as private.
    #182351

    Hi!

    Open up enfold/js/avia.js and replace

    
    avia_responsive_menu();
    

    with

    
    avia_responsive_menu();
    jQuery('.single-product-main-image .images a').find('img').unwrap();
    

    Cheers!
    Peter

    #182410

    Thanks very much, Peter!

Viewing 9 posts - 1 through 9 (of 9 total)

The topic ‘Remove arrows on hover’ is closed to new replies.