Quick View isnot working on Homepage Products and Products Category(Grid View)

[galsvilla]

I have the same problem.  Quick View is working fine at                       .container {    max-width: 1170px; } but whenever i m changing this value the Quick View isnot working on Homepage Products and Products Category(Grid View) whereas it is working in Products Category(List View). At present container max width is 1010px  http://www.galsvilla...roller=category

 

 

[shacker]

When you change the size of the page, that mess all the style for the jquery. Edit the global.js of your theme, 

and change the size 1170 for you size in this function

 

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


if ($('.product_list').is('.grid'))
if (screenLg)
$('.product_list .button-container').hide();
else
$('.product_list .button-container').show();


$(document).off('mouseenter').on('mouseenter', '.product_list.grid li.ajax_block_product .product-container', function(e){
if (screenLg)
{
var pcHeight = $(this).parent().outerHeight();
var pcPHeight = $(this).parent().find('.button-container').outerHeight() + $(this).parent().find('.comments_note').outerHeight() + $(this).parent().find('.functional-buttons').outerHeight();
$(this).parent().addClass('hovered').css({'height':pcHeight + pcPHeight, 'margin-bottom':pcPHeight * (-1)});
$(this).find('.button-container').show();
}
});


$(document).off('mouseleave').on('mouseleave', '.product_list.grid li.ajax_block_product .product-container', function(e){
if (screenLg)
{
$(this).parent().removeClass('hovered').css({'height':'auto', 'margin-bottom':'0'});
$(this).find('.button-container').hide();
}
});
}

[galsvilla]

  ....It worked...Thanks a Ton

[shacker]

iu welcome