shurela

На сайте разроботчика есть решение, мне помогло. 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'); } };