Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 28, 2013 at 11:05 pm #181849
    BelIblis

    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 years ago by BelIblis.
    October 28, 2013 at 11:09 pm #181854
    Josue

    Hi,

    Can you post the link to your website please?

    Regards,
    Josue

    October 28, 2013 at 11:32 pm #181865
    BelIblis

    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/

    October 28, 2013 at 11:43 pm #181872
    Josue

    Hi!

    Add this code to the Quick CSS:

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

    Best regards,
    Josue

    October 29, 2013 at 12:09 am #181884
    BelIblis

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

    October 29, 2013 at 12:21 am #181889
    Josue

    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

    October 29, 2013 at 12:48 am #181900
    BelIblis
    This reply has been marked as private.
    October 30, 2013 at 8:42 am #182351
    Dude

    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

    October 30, 2013 at 1:06 pm #182410
    BelIblis

    Thanks very much, Peter!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Remove arrows on hover’ is closed to new replies.