Если стоит мега фильтр, то настройка не так делается
И код надо прописать, иначе все ехать будет
MegaFilter.prototype.beforeRequest = function() {
var self = this;
};
MegaFilter.prototype.beforeRender = function( htmlResponse, htmlContent, json ) {
var self = this;
};
MegaFilter.prototype.afterRender = function( htmlResponse, htmlContent, json ) {
var self = this;
// 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');
}
$('.product-layout .caption').height('auto');
$('.product-layout .caption').equalHeights();
};