Home › Forums › WoodMart support forum › DISABLE ZOOM ON HOVER in SHOP PAGE

DISABLE ZOOM ON HOVER in SHOP PAGE

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 26, 2018 at 2:42 pm #91814

    Jeriss Cloud Center
    Participant

    How to disable the zoom in, when hovering on a product in the shop page?

    November 26, 2018 at 4:02 pm #91838

    Elise Noromit
    Member

    Hello,

    Navigate to the Theme settings > Shop > Products Styles and you will find the option http://prntscr.com/ln7jw6

    Best Regards

    November 26, 2018 at 4:04 pm #91841

    Jeriss Cloud Center
    Participant

    Dear,

    I have requested to remove the zoom on hover, not the image on hover.

    Thanks

    November 26, 2018 at 6:38 pm #91868

    Jeriss Cloud Center
    Participant

    So?

    November 26, 2018 at 10:00 pm #91905

    Jeriss Cloud Center
    Participant

    Dear,

    Thanks for the code. However, this is removing the “transition” and there is still some zoom that is getting done. All I want is just to disable the zoom, not to remove the transition.

    Thanks

    November 27, 2018 at 7:42 am #91946

    Elise Noromit
    Member

    Hello,

    Please replace the code with this one: 

    body .product-grid-item .product-element-top:hover .hover-img {
    transform: none;
    -webkit-transform: none;
}

    Best Regards

    November 27, 2018 at 12:23 pm #92007

    Jeriss Cloud Center
    Participant

    Great! It works!
    Thanks

    November 27, 2018 at 4:19 pm #92068

    Elise Noromit
    Member

    You are welcome! If you have any questions please feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘DISABLE ZOOM ON HOVER in SHOP PAGE’ is closed to new replies.