Magento Question posted in
The official documentation can be found here.

CSS in magento getting rid of hover effects on my products

In my magento store when my products is hovered on the background changes color, and there is a shadow effect. When you remove your mouse, it should go back to exactly as it was before. What is causing the background color to remain the different color? It didn’t do this on the development site, and now it is.

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

Tags:

2

Answers


  1. 0

    I see a lot of 404 issues on your site when i tried to check over developer tools on chrome. Try and review these issues and resolve these one by one. It might fix the problem you have with the hover. The main reason why there is a hover effect is due to a javascript that is present on the site at the moment. Another thing that is really showing up on developer tools is slick.min.js try and see if you can resolve this before anything else. see screenshot

    enter image description here

    Login or Signup to reply.
  2. 0

    can you try and comment out this portion of your code and see if this disables the hover effect that you currently see.

    File name:
    skin/frontend/base/default/js/amasty/amquickview/amquickview.js

    Code portion:

    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' 
        });
        */
    }
},

    as to what i see it changes the background permanently we could try and comment it out to see if it disables the issue you currently have.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search