Home › Forums › WoodMart support forum › Disable image zoom on category page

Disable image zoom on category page

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 3, 2018 at 8:38 am #50539

    Stanley Black
    Participant

    How to disable image zoom when hover product on category page?

    Best regards

    April 3, 2018 at 9:40 am #50553

    Elise Noromit
    Member

    Hello,

    Navigate to Theme Setting > Shop > Products & Categories styles > Hover on product > choose the necessary settings. For example, “Show button on hover” does not zoom image.

    If you want to disable hover effect at all, then disable it in Theme Setting > Shop

    Best Regards

    April 3, 2018 at 10:07 am #50563

    Stanley Black
    Participant

    Thanks for your response.

    I want to keep “Show summary on hover”.
    I only want to disable zoom effect when hover product image on category page.
    Only first image have zoom effect. Other image variations don’t have.

    Can you provide me path to css file where I could make changes?

    Kind regards

    April 3, 2018 at 12:08 pm #50596

    Elise Noromit
    Member

    Hello,

    Try this CSS code: 

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

    Add it to Theme Settings > Custom CSS > Desctop

    If you have any problems contact us with your side admin access

    Best Regards

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