如何禁用产品 woocommerce 上的悬停

Question

我有一个 WordPress 网站，主题名为 star Bella-electronics，集成了 woocommerce，我想禁用产品的悬停效果。

我没有禁用悬停的主题设置，我尝试通过悬停找到 class，但没有找到。

站点：https://trofez-shop.ro/product-category/trofee-si-cupe-personalizate/

Answer 1

在下面添加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; }

Answer 2

将此 css 添加到您的主题中 style.css

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

如何禁用产品 woocommerce 上的悬停

How to disable hover on product woo commerce

wordpress

wordpress-theming

woocommerce