Magento 2 产品禁用悬停答案

【问题标题】：Magento 2 products disable hoverMagento 2 产品禁用悬停
【发布时间】：2017-11-02 07:37:29
【问题描述】：

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

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

非常感谢任何提示。

【问题讨论】：

我投票结束这个问题，因为 Stack Overflow 是一个programming-related 问答网站。您的问题与编程无关。也许你应该把它发到magento.stackexchange.com 上？
这是关于修改css代码的。还没有在任何地方找到答案，包括 magento.stackexchange.com，他们也投票给了我的问题...
不，您的问题中没有任何关于 CSS 的内容。也许您应该展示有问题的 CSS，并说明发生了什么问题以及您希望它对实际 CSS 做什么？

标签： magento hover magento2 product

【解决方案1】：

试着去做。

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

【讨论】：

感谢您提供此代码 sn-p，它可能会提供一些有限的短期帮助。一个正确的解释would greatly improve 它的长期价值通过展示为什么这是一个很好的解决问题的方法，并将使它对未来有其他类似问题的读者更有用。请edit您的回答添加一些解释，包括您所做的假设。

【解决方案2】：

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

【讨论】：