How to remove Zoom hover effect on a single product

  • sorbrena

    (@sorbrena)


    1 year, 5 months ago

    Hello everyone,
    I need some help ! I want to remove the zoom hover effect on this product only. The only solutions I found were by adding additional css or with php code using a child theme. However these solutions deactivate the zoom on all the products whereas I would like to deactivate it only on one.
    Does anyone know the solution for this ?
    Thanks a lot !
    Gustave

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

Viewing 1 replies (of 1 total)
  • Herman Asrori (BSF)

    (@bsfherman)

    1 year, 4 months ago

    Hi @sorbrena,

    Please try the following CSS

    .postid-5716 .woocommerce-product-gallery__image {
    pointer-events: none;
}

    .postid-5716 is the ID of the Single Product page above. So, the CSS above will be working only for that Single Product page.

    I hope it will help.

    Kind regards,
    Herman 😊

Viewing 1 replies (of 1 total)
  • The topic ‘How to remove Zoom hover effect on a single product’ is closed to new replies.