时间戳

首页 > 解决方案 > WordPress禁用产品列表上的悬停动画

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

问题描述

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

可以在这里找到一个例子，http ://test.techvoip.it/staging/categoria-prodotto/monopattini/

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

标签： wordpresswordpress-theming

解决方案

只需将此 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;
}

试试看，让我知道它是否对你有用。

推荐阅读