Woocommerce Question posted in
The official Woocommerce documentation can be found here.

How to disable hover on product woo commerce – Woocommerce

I have a website with WordPress with a theme named star Bella-electronics with woocommerce integrated and I want to disable the hover effects on products.

I don’t have theme settings to disable hover, I try it to find the class with hover but I don’t found it.

Site:https://trofez-shop.ro/product-category/trofee-si-cupe-personalizate/

Tags:

2

Answers


  1. 0

    Add below CSS.

    .woocommerce ul.products li.product:hover .secondary-image, .woocommerce-page ul.products li.product:hover .secondary-image{ display: none !important; }
.product-button-hover { display: none !important; opacity: 0 !important; }
    Login or Signup to reply.
  2. 0

    Add this css in your theme style.css

    li.product:hover .product-button-hover {
    opacity: 0 !important;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    transform: translateY(0);
}
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search