【问题标题】: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;
}

【讨论】:

    猜你喜欢
    • 2013-02-12
    • 1970-01-01
    • 2016-03-14
    • 2014-11-26
    • 2017-04-29
    • 1970-01-01
    • 1970-01-01
    • 2015-11-23
    • 1970-01-01
    相关资源
    最近更新 更多