use this manual ONLY if you have shoppicca2 template in filter admin set field "css path for product container" to .s_listing.clearfix and field "afterload js" to $('div.s_grid_view > div.s_item').each(function() { $(this).hover( function() { var hh = 0; $(this).find(".s_item_info > :hidden").addClass('to_hide'); var h1 = $(this).find(".s_item_info").height(); $(this).find(".s_item_info > .to_hide").show(); var h2 = $(this).find(".s_item_info").height(); var h3 = h2 - h1; var mb = '-' + h3 + 'px'; $(this).css('margin-bottom', mb); }, function() { $(this).find(".s_item_info > .to_hide").hide(); $(this).find(".s_item_info > :hidden").removeClass('to_hide'); $(this).css('margin-bottom', ''); } ) }); var onMouseOutOpacity = 1; $('div.s_listing > div.s_item').css('opacity', onMouseOutOpacity) .hover( function () { $(this).prevAll().stop().fadeTo('slow', 0.60); $(this).nextAll().stop().fadeTo('slow', 0.60); }, function () { $(this).prevAll().stop().fadeTo('slow', onMouseOutOpacity); $(this).nextAll().stop().fadeTo('slow', onMouseOutOpacity); } );