Добрый вечер ! нужно править js файл фильтра
catalog/view/javascript/mf/mega_filter.js
находим
function display_MFP(view) {
все что в {} удаляем и ставим
// Product List
$('#list-view').click(function() {
$('.product-thumb .option').removeAttr('style');
$('#content .product-layout > .clearfix').remove();
$('#content .row > .product-layout').attr('class', 'product-layout product-list col-xs-12');
$('#content .row-price').css('margin-left', '-10px').css('margin-right', '-10px');
$('#list-view').addClass('active');
$('#grid-view').removeClass('active');
$('#price-view').removeClass('active');
localStorage.setItem('display', 'list');
$(this).addClass('btn-danger');
$('#grid-view, #price-view').removeClass('btn-danger');
});
// Product Grid
$('#grid-view').click(function() {
$('#content .product-layout > .clearfix').remove();
$('#content .row-price > .clearfix').remove();
// What a shame bootstrap does not take into account dynamically loaded columns
cols = $('#column-right, #column-left').length;
if (cols == 2) {
$('#content .product-layout').attr('class', 'product-layout product-grid col-lg-6 col-md-6 col-sm-12 col-xs-12');
} else if (cols == 1) {
$('#content .product-layout').attr('class', 'product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12');
} else {
$('#content .product-layout').attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12');
}
if (cols == 2) {
$('#content .product-layout:nth-child(2n+2)').after('<div class="clearfix visible-md visible-sm"></div>');
} else if (cols == 1) {
$('#content .product-layout:nth-child(3n+3)').after('<div class="clearfix visible-lg"></div>');
} else {
$('#content .product-layout:nth-child(4n+4)').after('<div class="clearfix"></div>');
}
$('#content .row-price').css('margin-left', '-10px').css('margin-right', '-10px');
$('#grid-view').addClass('active');
$('#list-view').removeClass('active');
$('#price-view').removeClass('active');
localStorage.setItem('display', 'grid');
$(this).addClass('btn-danger');
$('#list-view, #price-view').removeClass('btn-danger');
max_height_div('.product-grid .product-thumb .option.productpage-opt');
});
$('#price-view').click(function() {
$('#content .product-layout > .clearfix').remove();
$('#content .row-price > .clearfix').remove();
$('#content .row-price').css('margin-left', '0').css('margin-right', '0');
$('#content .product-layout').attr('class', 'product-layout product-price col-xs-12');
localStorage.setItem('display', 'price');
$('#price-view').addClass('active');
$('#list-view').removeClass('active');
$('#grid-view').removeClass('active');
$(this).addClass('btn-danger');
$('#list-view, #grid-view').removeClass('btn-danger');
});
if (localStorage.getItem('display') == 'list') {
$('.product-thumb .option').removeAttr('style');
$('#list-view').trigger('click');
$('#list-view').addClass('active');
$('#grid-view').removeClass('active');
$('#price-view').removeClass('active');
} else if (localStorage.getItem('display') == 'grid') {
$('#grid-view').trigger('click');
$('#grid-view').addClass('active');
$('#list-view').removeClass('active');
$('#price-view').removeClass('active');
} else if (localStorage.getItem('display') == 'price'){
$('#price-view').trigger('click');
$("#price-view .additional-image").addClass('hidden');
$('#price-view').addClass('active');
$('#list-view').removeClass('active');
$('#grid-view').removeClass('active');
} else {
$('#grid-view').trigger('click');
$('#grid-view').addClass('active');
$('#list-view').removeClass('active');
$('#price-view').removeClass('active');
}
if ($('.pagination li.active').next('li').length > 0) {
$('.pagination').before('<div id="showmore" style="padding-bottom: 15px;"><div id="ajaxloading"></div><a onclick="showmore()">'+ text_showmore +'</a></div>');
}
и будет работать правильное отображение после фильтрации
если не поняли то дайте доступы я помогу Вам .