Поиск по сайту

Результаты поиска по тегам 'бесконечная пагинация'.

  • Поиск по тегам

    Введите теги через запятую.
  • Поиск по автору

Тип публикаций


Категории и разделы

  • Релизы
    • Анонсы
    • Сообщения об ошибках
    • Предложения и пожелания
    • Перевод
    • Информация
  • Поддержка
    • HOW TO
    • Общие вопросы
    • Шаблоны и внешний вид магазина
    • SEO
  • Модули, шаблоны, дополнения
    • Модули
    • Шаблоны
    • Wanted
  • Реклама
    • Google Adwords
    • Яндекс Директ
  • Стол заказов
    • Мастеровые
    • Разработка интернет магазина под ключ
    • Разработка Модулей
    • Разработка Дополнительного Функционала
    • Разработка Дизайна и Шаблонов
    • Разные работы по существующему магазину
  • Доска почёта
    • Хвастаемся своими магазинами
    • Хвалим / Ругаем Исполнителей
  • Разное
    • Курилка
    • Хостинг
  • Песочница
    • Проблемы с установкой настройкой движка
    • Часто задаваемые вопросы

Искать результаты в...

Искать результаты, которые...


Дата создания

  • Начало

    Конец


Последнее обновление

  • Начало

    Конец


Фильтр по количеству...

Зарегистрирован

  • Начало

    Конец


Группа


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

Найдено 1 результат

  1. Открываем footer.tpl и перед </body></html> вставляем вот такой скрипт <script type="text/javascript"><!-- $(function() { var autoscroller = []; //setting autoscroller.hidePagination = 1; autoscroller.autoScroll = 1; autoscroller.catcher = '#endless'; autoscroller.delay = 1000; //setting autoscroller.loading = ; $(window).scroll(function() { if(inWindow(autoscroller.catcher) && !autoscroller.loading && autoscroller.autoScroll) { autoscroller.loading = true; $('#endless .fa-refresh').addClass('fa-spin'); setTimeout(function() { $('#endless').trigger('click'); }, autoscroller.delay); } }); if (autoscroller.hidePagination) { $('.pagination').hide(); } if ($('.product-grid, .product-list').length) { if ($('.pagination').length && !$('.pagination > li:last-child').hasClass('active')) { $('#content div.col-sm-6.text-right').hide(); $('.pagination').parent().before('<div class="col-xs-12 text-center"><button class="btn btn-success btn-lg" id="endless" style="margin: 15px auto; padding: 10px 120px;" ><i class="fa fa-refresh"></i> </button></div>'); $('#endless').on('click', function(e) { var lastProduct = $('.pagination').parent().parent().parent().find('.product-layout:last-child'); var nextPage = $('ul.pagination li.active').next().find('a:first-child'); $.ajax({ url: $(nextPage).attr('href'), beforeSend: function(){ $('#endless .fa-refresh').addClass('fa-spin'); }, success: function(data){ var products = $(data).find('.product-list'); lastProduct.after(products); if (localStorage.getItem('display') == 'grid') { cols = $('#column-right, #column-left').length; if (cols == 2) { $(products).attr('class', 'product-layout product-grid col-lg-6 col-md-6 col-sm-12 col-xs-12'); } else if (cols == 1) { $(products).attr('class', 'product-layout product-grid col-lg-4 col-md-4 col-sm-6 col-xs-12'); } else { $(products).attr('class', 'product-layout product-grid col-lg-3 col-md-3 col-sm-6 col-xs-12'); } } $('.pagination').html($(data).find('.pagination > *')); nextPage = $('ul.pagination li.active').next().find('a:first-child'); if (nextPage.length == ) { $('#endless').remove(); } else { $('#endless .fa-refresh').removeClass('fa-spin'); } autoscroller.loading = ; } }); return false; }); } } function inWindow(el){ if($(el).length) { var scrollTop = $(window).scrollTop(); var windowHeight = $(window).height(); var offset = $(el).offset(); if(scrollTop <= offset.top && ($(el).height() + offset.top) < (scrollTop + windowHeight)) return true; }; return false; } }); --></script> Стилизация и внешний вид этого мероприятия уже - на вашей совести. Должно у вас получится в списках товаров вот так: UPD по просьбам трудящихся проведены доделки: 1 в скрипт добавлены настройки автоскролла 2 добавлена возможность задержки при срабатывании подгрузки товара, чтобы клиент мог увидеть футер 3 добавлена возможность навесить контейнер, по которому будет срабатывать автоскролл. (по умолчанию стоит кнопка дополнительной загрузки товаров, но вы можете подвесить самую последнюю сылку футера, или блок с социальными кнопками, или же вставить собственный произвольный элемет в верску в подвале, появление которого в видимой области экрана при прокрутке, будет являтся триггером. который запускает автоподгрузку товаров. 4 переписана логика применения классов, отвечающих за стиль отображения list/grid UPD: исправлен баг с подбрасыванием страницы.