Please patiently wait till your ticket is proceeded. In case you'd add a new comment before we have a chance to respond, your ticket will go down the list, so, you must edit your previous comment instead. 

Okay
  Public Ticket #1947869
Disable ZOOM in Product Gallery ( Woocommerce )
Closed

Comments

  • invitech started the conversation

    Hi,

    How can I disablee ZOOM on mouse hover in Product Gallery Woocommerce ?

    ( I want to see the "Add to Cart" icon, but not zoom the image )

    See attached images.

    Thanks!

    Attached files:  Gallery-No-Zoom.png
      Gallery-Zoom-Image.png

  •  1,637
    Bryan replied

    Hello

    This code will help you disable zoom for image when hover on:

    .woocommerce-page .products .product:hover .product-thumb img {transform: scale(1) !important;}

    Thanks

  • YAIMI ARIAS replied

    Hi, where do I insert that code?

  •  1,637
    Bryan replied

    Hi @YAIMI ARIAS, 

    you can add the code in Customize > Addition Css section to apply.

    Thanks

  • YAIMI ARIAS replied

    Thank you, I added it in the additional CSS section but its still not working for me. 

    Attached files:  Capture.GIF

  •  1,637
    Bryan replied

    Hello

    Which page that contain the product list that does not apply the code? 

    Please provide the link so i can help you better.

    Thanks