Magento 2产品禁用悬停

Question

我安装了Magento 2 Luma主题。 我想删除我的产品上的悬停效果＆＃39;页面和＆＃39;添加到购物车＆＃39;按钮始终可见。这适用于我的主页，但不适用于任何其他产品页面。

我的网站是www.legowatches.com.au

任何提示都非常感谢。

Answer 1

这是我想出的。这应该删除悬停，但是不确定“ addtocart”。

.block.widget .products-grid .product-item 
.product-item-inner, .page-layout-1column 
.block.widget .products-grid .product-item 
.product-item-inner, .page-layout-3columns 
.block.widget .products-grid .product-item 
.product-item-inner {

margin: -1px;
}

.products-grid .product-item-inner {

border: none;
margin: 11px 0 0 2px;
padding: 11px 11px 9px;
position: inherit;
}

.products-grid .product-item-info:hover, 
.products-grid .product-item-info.active {

border: none;
margin: 0;
padding: 0;
}

.abs-visually-hidden-desktop-s, .products-grid 
.product-item-info:not(:hover):not(.active) .product-item-inner {

margin: 2px;
}

Answer 2

尝试这样做。

.products-grid {
    .product-item-info {
        &:not(:hover):not(.active) {
            .product-item-inner {
                position: relative;
                height: auto;
                width: auto;
                border: none;
                box-shadow: none;
            }
        }
    }
}