Каталог решений

Автоматическая ajax-подгрузка элементов на странице

Модуль позволяет заменить стандартную постраничную навигацию кнопкой "Показать еще". Подгрузка данных осуществляется ajax-запросом, без перезагрузки текущей страницы. Модуль позволяет изменять определенные настройки, например: подключать ли библиотеку JQuery автоматически или нет выбирать подгружать ли новые данные по скроллингу или ждать нажатия кнопки "показать еще" при подгрузке данных по скроллингу, есть возможность настройки момента, когда будет осуществлена загрузка новых данных есть возможность использовать свой прелоадер во время подгрузки страниц

Автоматическая ajax-подгрузка элементов на странице

Автоматическая ajax-подгрузка элементов на странице

от FG Soft
Скриншоты
Описание

Технические данные

Опубликовано:
31.10.2016
Обновлено:
20.02.2017
Версия:
1.0.5
Установлено:
100 - 499 раз
Подходящие редакции:
«Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Эксперт», «Бизнес»
Адаптивность:
Нет
Поддержка Композита:
Нет

Описание решения

Модуль позволяет заменить стандартную постраничную навигацию кнопкой "Показать еще".
Подгрузка данных осуществляется ajax-запросом, без перезагрузки текущей страницы.

Модуль позволяет изменять определенные настройки, например:
  • подключать ли библиотеку JQuery автоматически или нет
  • выбирать подгружать ли новые данные по скроллингу или ждать нажатия кнопки "показать еще"
  • при подгрузке данных по скроллингу, есть возможность настройки момента, когда будет осуществлена загрузка новых данных
  • есть возможность использовать свой прелоадер во время подгрузки страниц
Отзывы (4)

Обсуждения (21)
1 - 5 из 21
Что нового
1.0.5 (20.02.2017) - исправлен алгоритм работы, теперь при подгрузке элементов в catalog.section весь функционал у подгруженных элементов сохраняется
1.0.4 (05.12.2016) 1) Убрали привязку к id для пагинации, теперь привязка осуществляется по классу (можно переопределить при вызове) 2) Сделали дополнительные настройки - возможность включать/выключать режим AJAX, возможность задавать свой текст для ссылки "Показать еще" - При включенном режиме AJAX в запрос будут передаваться дополнительные параметры bxajaxid и ajaxload.
1.0.3 (28.11.2016) - доработана возможность определять постраничную навигацию не в основном контейнере,а в другом - кнопка "показать еще" будет появляться вместо навигации (а не добавляться к основному контейнеру, как было раньше) - добавили событие "autoloaderComplete", которое вызывается после получения новых элементов и позволяет их дополнительно обработать, например JS. - исправление мелких ошибок
1.0.2 (21.11.2016) - оптимизирован код для возможности использования решения не только в DIV'ной разметке, но и в другой - добавлена возможность задавать класс для постраничной навигации (теперь она может располагаться отдельно от основного контейнера) Видео с установкой обновления: https://youtu.be/haw4tylDsR8
1.0.1 (07.11.2016) - исправлена ошибка создания файла /bitrix/js/fgsoft.autoloader/autoloader.plugin.js
Установка
После установки модуля в разделе Настройки - Настройки модулей появится пункт Автоматическая ajax-подгрузка страниц.

Вам необходимо произвести первоначальную настройку модуля и нажать кнопку "Сохранить".

После этого модуль автоматически сгенерирует плагин и сохранит его.

Далее в шаблоне компонента (например, news.list) необходимо подключить плагин и осуществить его вызов:
<sc ript src="bitrix/js/fgsoft.autoloader/autoloader.plugin.js"></sc ript>  
<sc ript>
(function($){
    if ($('#wrap-news').length && $('#wrap-news font').length) {
        $('#wrap-news').showMorePlugin({
            item: '.page-ajax',
            wrapNavigation: '.pagination', //с версии 1.0.2
        });
    }
})(jQuery);
</sc ript>
  #wrap-news - это обертка для стандартного компонента, например Новости, к которому надо применять автоматическую подгрузку страниц,
.page-ajax - это класс тега, который следует выводить, например, класс страницы или отдельного элемента
.pagination - это класс тега, в котором располагается  стандартная постранчная навигация (может располагаться отдельно от  основного контейнера)

Модуль заменяет стандартную навигацию Битрикс. Для корректной работы шаблон постраничной навигации выбирайте ".default".

Обратите внимание, что в настройках компонента, который выводит элементы на страницу, должен быть включен режим AJAX.


Видео с установкой обновления 1.0.2
https://youtu.be/haw4tylDsR8

Видео с установкой новой версии решения 1.0.3 (на bitrixlabs):
https://youtu.be/ydn_nqzHG5A
Поддержка
С вопросами и предложениями Вы можете обратиться по адресу hello@fgsoft.ru

Лицензионное соглашение

Другие решения разработчика

Решение добавлено в корзину

Перейдите в корзину и оформите заказ или продолжите покупки
Перейти в корзину
Продолжить покупки
Для установки данного решения необходимо указать адрес вашего сайта, на котором установлен 1С-Битрикс. Вам также потребуется авторизоваться на своем сайте под правами Администратора, чтобы продолжить установку.
Как установить дополнение