Помощь При перезагрузке страницы на мгновение появляется отображение списком

ihos

Участник
Регистрация
13 Май 2012
Сообщения
214
Реакции
3
При перезагрузке страницы на мгновение появляется отображение товара списком, магазин планируется делать оптовый и при частым переходам по страницам то немного раздражает
в common.js
Код:
        // Product List
        $('#list-view').click(function() {
        $('#content .product-grid > .clearfix').remove();

        $('#content .row > .product-grid').attr('class', 'product-layout product-list col-xs-12');
        $('#grid-view').removeClass('active');
        $('#list-view').addClass('active');

        localStorage.setItem('display', 'list');
    });

    // Product Grid
    $('#grid-view').click(function() {
        // What a shame bootstrap does not take into account dynamically loaded columns
        var cols = $('#column-right, #column-left').length;

        if (cols == 2) {
            $('#content .product-list').attr('class', 'product-layout product-grid col-lg-6 col-md-6 col-sm-12 col-xs-12');
        } else if (cols == 1) {
            $('#content .product-list').attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12');
        } else {
            $('#content .product-list').attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12');
        }

        $('#list-view').removeClass('active');
        $('#grid-view').addClass('active');

        localStorage.setItem('display', 'grid');
    });

if (localStorage.getItem('display') == 'list') {
        $('#list-view').trigger('click');
        $('#list-view').addClass('active');       
    } else {
        $('#grid-view').trigger('click');
        $('#grid-view').addClass('active');
       }

       if (localStorage.getItem('display') == 'grid') {
         $('#grid-view').trigger('click');
        $('#grid-view').addClass('active');
    } else {
        $('#list-view').trigger('click');
        $('#list-view').addClass('active');
       
       }
 
в шаблоне нужно задать классы по умолчанию, что бы страница сразу строилась, а не Js обрабатывал ее только после загрузки.
Js уже применять после клика пользователем на изменение вида.
 
Назад
Сверху