Magento 2产品禁用悬停

时间:2017-06-01 08:47:56

标签: magento hover magento2 product

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

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

任何提示都非常感谢。

2 个答案:

答案 0 :(得分:0)

这是我想出的。这应该删除悬停,但是不确定“ 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;
}

答案 1 :(得分:-1)

尝试这样做。

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