So deaktivieren Sie Hover on Product Woo Commerce

Lesezeit: 1 Minute

Benutzeravatar von Digital Point
Digitaler Punkt

Ich habe eine Website mit WordPress mit einem Thema namens Star Bella-Elektronik mit integriertem WooCommerce und möchte die Hover-Effekte auf Produkten deaktivieren.

Ich habe keine Designeinstellungen, um den Hover zu deaktivieren. Ich versuche, die Klasse mit dem Hover zu finden, aber ich finde sie nicht.

Seite? ˅:https://trofez-shop.ro/product-category/trofee-si-cupe-personalizate/

Fügen Sie unten CSS hinzu.

.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; }

Fügen Sie dieses CSS in Ihrem Design style.css hinzu

li.product:hover .product-button-hover {
    opacity: 0 !important;
    -khtml-opacity: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    transform: translateY(0);
}

1434850cookie-checkSo deaktivieren Sie Hover on Product Woo Commerce

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy