Product Grid Hover Effect Not working Ver.1.6.0.14 Default-Bootstrap Theme

[cnpark70]

After I changed the header position from relative to fixed in global.css, product grid hover effect (when mouse over shadows shows up and so on) started not working.

if I change the header position from fixed back to relative, product grid hover effect works fine.

I need to have header fixed in position and also want to keep hover effect for product grid.

Thank you in advance for your help.

http://www.kocamoca.com/

[AdrianaM]

I have the same problem ... maybe somebody know how to fix it?

[cnpark70]

Hi Adriana,

I cannot find any resolved solution relating to our issue. But I really want to keep fixed header position appearance.

[vekia]

hello

both of you have fixed header section ?

[cnpark70]

yes i did fixed the header position.

[vekia]

your button-container class is visible even without hover

have you tried to add display:none for it? after that it will be necessary to add simple js snippet:

$(".product_list li").hover(function(){
$(".product_list li .button-container").show();
},function(){
$(".product_list li .button-container").hide();
});

[cnpark70]

in which .css file should I change it to display:none?

I am beginner and have not much idea where to find.

 

And where should I add below js snippet

$(".product_list li").hover(function(){
$(".product_list li .button-container").show();
},function(){
$(".product_list li .button-container").hide();
});

 

Thanks

Edited June 3, 2015 by cnpark70 (see edit history)

[bsmani]

Same problem here... mouse over effect is not working properly in my site(like Quick view). And also Add to cart n more button stands permanently below the products.guys tell me to fix the problem.i want to display the products that looks like  this url:  http://demo.prestashop.com/en/?view=front

 

My URL is: www.karikkadai.com

[wilebaldo]

I had this same problem I change the width to my page from a fix to 75%, but thanks to Vekia I can solved, the solution he said is not working but help me to understand how to fix it and I will give you if any one else have the same problem.

 

In the file global.js find this:

"function blockHover(status)
{
    var screenLg = $('body').find('.container').width() == 1170;"

In my case the lane 183, and just need to change the operator "==" to ">=" and in this way any page wider than 1170 will hide the Button of product grid view and show with the hover mouse.