Magento 中的 CSS 消除了我产品上的悬停效果答案

【问题标题】：CSS in magento getting rid of hover effects on my productsMagento 中的 CSS 消除了我产品上的悬停效果
【发布时间】：2017-11-27 19:11:57
【问题描述】：

在我的magento商店中，当我的产品悬停在背景上时，背景会发生变化，并且有阴影效果。当您移除鼠标时，它应该会恢复到原来的样子。是什么导致背景颜色保持不同的颜色？它没有在开发站点上这样做，现在它是。

https://popstops.com/graphic-inserts/stock-graphics

【问题讨论】：

标签： css magento

【解决方案1】：

您能否尝试注释掉这部分代码，看看这是否会禁用您当前看到的悬停效果。

文件名：皮肤/前端/基础/默认/js/amasty/amquickview/amquickview.js

代码部分：

showLen : function(element) {
    if(!element) return false;

    var hover = $(element).select('.amquickview-hover').first();
    if(!hover){
        hover = this.createHover(element);
    }

    if(hover){
        // This is what you need to comment out. 
        /*
        hover.show();
        if(!this.color) {
            this.color = element.getStyle('background-color');
        }
        element.setStyle({
           backgroundColor: '#eee' 
        });
        */
    }
},

至于我看到的它会永久改变背景，我们可以尝试将其注释掉，看看它是否会禁用您当前遇到的问题。

【讨论】：

好的，这样就摆脱了颜色变化，但你也可以看到它摆脱了我的快速查看功能。
我使用了一些 CSS !important 标签来定义颜色以覆盖 js。现在它按我想要的方式工作。从一开始这可能会更容易。
是的，我真的没有看任何 css，因为它会自动更改开发人员工具上的背景颜色。但是是的，我同意 CSS 重要是您可以做的一种方法。 :)

【解决方案2】：

当我尝试检查 chrome 上的开发人员工具时，我在您的网站上看到了很多 404 问题。尝试并查看这些问题并一一解决。它可能会解决您在悬停时遇到的问题。出现悬停效果的主要原因是目前网站上存在 javascript。另一个真正出现在开发者工具上的东西是 slick.min.js 尝试看看你是否能先解决这个问题。看截图

【讨论】：

这是另一个失败的项目遗留下来的。所有这些现在都已被删除。
某事是在悬停不同背景颜色的 .item 上添加元素样式，但它并没有消失。我已经在 CSS 中检查了我的悬停效果，没有任何东西触及那里的背景颜色。它还添加了一个位置：真实的；并不是说这似乎改变了什么。
是的，因为它基于 javascript，请参阅我的下一个答案 :)