загрузка Медленная загрузка страниц

[Rusmir76]

Здравствуйте!

Постоянная проблема с загрузкой страниц.

Витрина сначала загружается списком, потом перепрыгивает на сетку.

И так при открытии любой витрины Такое ощущение, что очень долго строятся фильтры.

Подскажите что может быть?

[freelancer]

какой фильтр ?

[MaDMaxX111]

а сайт можно посмотреть?

 

[proplat]

54 минуты назад, Rusmir76 сказал:

Здравствуйте!

Постоянная проблема с загрузкой страниц.

Витрина сначала загружается списком, потом перепрыгивает на сетку.

И так при открытии любой витрины Такое ощущение, что очень долго строятся фильтры.

Подскажите что может быть?

может подсчет товаров в категории?

[sitecreator]

1 час назад, Rusmir76 сказал:

Витрина сначала загружается списком, потом перепрыгивает на сетку.

 

так и должно быть.  Обычно это глазом не уловить.  Только если JS совсем медленно работает или еще какие-либо "если".

Показывайте сайт, тогда гадать не будем.

[chukcha]

Можно, но html приходит списком.

[MaDMaxX111]

я как то менял контроллер Category и сохранял значение вида сетка/лист в куки и при выводе шаблона сразу указывал классы для нужного отображения....

[jaffagold]

Цитата

Разве в common.js нельзя сделать сразу сеткой? Я думаю можно.
Вот бы создатели сборки так сделали.

Да элементарно.

Сразу в разметкеcategory.tpl прописать разметку Grid

НО

там же есть ЗАСАДА

Разметка в common.js рассчитывается в зависимости от числа  боковых колонок (#column-right, #column-left) в разметке страницы

Спойлер

    // 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-4 col-md-4 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');
        }

 

Если вы уверены, в разметке страницы,

то можно менять разметку 

Спойлер

     <div class="row">
        <?php foreach ($products as $product) { ?>
        <div class="product-layout product-list col-xs-12">
          <div class="product-thumb">
            <div class="image"><a href="<?php echo $product['href']; ?>"><img src="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>" class="img-responsive" /></a></div>
            <div>

на 

product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12 ( например)

ну а в common.js по умолчанию и так происходит настройка на вывод Grid

 

Спойлер

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

 

Но, еще раз повторю.

Если не угадаете со стартовой разметкой сетки, то тоже будете наблюдать перестроение сетки ( например с 3 в ряд на 4 в ряд)

 

Змінено 17 серпня 2017 користувачем jaffagold