WordPress 禁用产品列表上的悬停动画

Question

我需要删除产品列表上的悬停动画，当我将鼠标放在产品列表上时，它会显示一些按钮以添加到购物车或添加到心愿单，并且还会出现透明背景。我想隐藏这些元素并按原样显示产品。

可以在此处找到示例，http://test.techvoip.it/staging/categoria-prodotto/monopattini/

我正在使用 Woocommerce，如果有人能为我找到某种解决方案，我会很高兴。

Answer 1

只需将此 CSS 代码插入自定义 CSS 设置即可。

.vgwc-item .ma-box-content:hover .vgwc-image-block a:before, .vgwc-item .ma-box-content:hover .vgwc-image-block a:after {
    height: 0!important;
}

.vgwc-item .ma-box-content:hover .vgwc-image-block .vgwc-button-group {
    display: none!important;
}

试一试，让我知道它是否适合你。

WordPress 禁用产品列表上的悬停动画

WordPress disable the hover animation on product listings

wordpress

wordpress-theming