Okay
  Public Ticket #2202058
How to disable the WooCommerce product image zoom-in?
Closed

Comments

  •  1
    zeals75 started the conversation

    How to disable the WooCommerce product image zoom-in?

    How to enable open image through lightbox in desktop? Just like use mobile phone browse and it will show a magnifier on the right top.

    Many thanks!

  •  3,023
    Andrew replied

    Hey there,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you can't see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .woocommerce div.product div.images .woocommerce-product-gallery__trigger {
        display: none !important;
    }

    http://themenectar.com/docs/salient/galleries/

    I hope this works

    Thanks

  •   zeals75 replied privately
  •  3,023
    Andrew replied

    Hi 

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .easyzoom-flyout {    
    display: none !important;
    }

    I hope this works!

    Kind Regards

  •  1
    zeals75 replied

    Hi Andrew, this CSS code doesn't work, too. But thanks for your reply, I will try another solution :)