На сайте разроботчика есть решение, мне помогло.
To fix the conflict with this template, please go to MFP -> Settings tab -> JavaScript tab -> and insert the following code to JavaScript custom code field:
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', '-15px').css('margin-right', '-15px');
$('#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 (cols1 == 2) {
$('#content .product-layout:nth-child(2n+2)').after('<div class="clearfix visible-md visible-sm"></div>');
} else if (cols1 == 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', '-15px').css('margin-right', '-15px');
$('#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');
});
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');
}
};
Отличный модуль! Быстро разобрался, появилась проблема - обратился в поддержку. На самом деле очень нужный инструмент. Ну а дальше собственно, что и натолкнуло написать отзыв! Я такой техподдержки раньше не видел и не получал! Огромный респект, продолжайте в том же духе. Короче нет слов, автор МОЛОДЕЦ!! Спасибо
