
Автоматическая загрузка контента через AJAX на странице
Готовое решение для 1С-Битрикс с автоматической AJAX-загрузкой элементов. Оцените в работе — ускорьте сайт уже сегодня!
Нужна лицензия 1С-Битрикс?
Поможем купить новую лицензию или продлить действующую — «1С-Битрикс: Управление сайтом» и Битрикс24.
Технические данные
- Опубликовано:
- 31.10.2016
- Обновлено:
- 16.06.2017
- Версия:
- 1.0.7
- Установлено:
- Более 1000 раз
- Подходящие редакции:
- «Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Бизнес»
- Адаптивность:
- Нет
- Поддержка Композита:
- Нет
- Совместимо с Сайты24
- Нет
Онлайн-демонстрация
Хотите увидеть продукт в действии? Запросите демонстрацию — мы покажем всё вживую и ответим на вопросы.
Возможности AJAX-загрузки
Описание решения «Автоматическая ajax-подгрузка элементов на странице»
Готовое решение для 1С-Битрикс предназначено для замены стандартной постраничной навигации (пагинации) на более современный и удобный механизм загрузки контента. Вместо перезагрузки всей страницы при переходе на следующую страницу каталога или раздела, модуль подгружает новые элементы асинхронно, с помощью AJAX-запроса. Это значительно ускоряет взаимодействие пользователя с сайтом, снижает нагрузку на сервер и улучшает поведенческие факторы.
После установки и активации решения владелец сайта получает возможность управлять процессом подгрузки данных без вмешательства в код. В настройках модуля можно выбрать один из двух режимов работы: подгрузка по нажатию кнопки «Показать еще» или автоматическая подгрузка при скроллинге страницы. Для второго режима доступна тонкая настройка момента срабатывания — система загрузит следующую порцию элементов, когда пользователь долистает до указанного отступа от конца списка. Дополнительно реализована опция автоматического подключения библиотеки JQuery (если она не используется в шаблоне отдельно) и возможность установки собственного прелоадера, который отображается в момент загрузки новых данных.
Модуль совместим со всеми основными редакциями «1С-Битрикс: Управление сайтом» — от «Первого сайта» и «Старта» до «Бизнеса» и «Малого бизнеса». Решение прошло более 1000 установок и стабильно работает на версиях платформы, поддерживающих стандартные компоненты. Установка не требует доработки шаблона: достаточно разместить компонент на странице и настроить параметры через административный интерфейс. Все изменения вносятся в визуальном редакторе.
Сценарии использования включают:
- Интернет-магазины с большим каталогом товаров;
- Порталы и блоги с лентами новостей или статей;
- Сайты-каталоги (недвижимость, автомобили, оборудование);
- Лендинги и многостраничные списки услуг.
Продукт подходит для бизнеса любого масштаба — от небольших нишевых магазинов до крупных торговых площадок. Основные выгоды для владельца: снижение показателя отказов, увеличение глубины просмотра и упрощение навигации для пользователей, которые не хотят ждать полной перезагрузки страницы при каждом переходе. Решение особенно актуально для интернет-магазинов с фильтрацией и сортировкой — AJAX-подгрузка сохраняет выбранные параметры, что исключает потерю настроек поиска.
Подгрузка данных осуществляется ajax-запросом, без перезагрузки текущей страницы.
Модуль позволяет изменять определенные настройки, например:
- подключать ли библиотеку JQuery автоматически или нет
- выбирать подгружать ли новые данные по скроллингу или ждать нажатия кнопки "показать еще"
- при подгрузке данных по скроллингу, есть возможность настройки момента, когда будет осуществлена загрузка новых данных
- есть возможность использовать свой прелоадер во время подгрузки страниц
Для чего именно нужно это решение и как оно улучшит мой сайт?
С какими редакциями и версиями 1С-Битрикс совместимо решение?
Какова стоимость решения и какие условия лицензирования действуют?
Как происходит установка и настройка модуля, требуется ли программист?
Какую техническую поддержку я получу после покупки?
Установка модуля из Маркетплейса
Перейдите в административном разделе сайта на страницу «Маркетплейс» -> «Каталог решений». Найдите решение «Автоматическая загрузка контента через AJAX на странице» и нажмите «Установить». Дождитесь завершения установки.
Активация в списке решений
Откройте «Маркетплейс» -> «Установленные решения». Найдите установленный модуль и нажмите кнопку «Активировать». Убедитесь, что статус модуля изменился на «Активен».
Настройка режима подгрузки
Перейдите в «Настройки» -> «Настройки продукта» -> «Настройки модулей» и выберите «Автоматическая загрузка контента через AJAX». Укажите режим работы: «По нажатию кнопки» или «При скролле». Для режима скролла задайте отступ от конца списка в пикселях.
Подключение JQuery и прелоадера
В настройках модуля включите опцию «Автоматически подключать JQuery», если библиотека не используется в шаблоне. Загрузите или выберите собственное изображение для прелоадера, которое будет отображаться во время загрузки элементов.
Привязка к страницам каталога
В настройках модуля укажите, на каких страницах или в каких инфоблоках должна работать AJAX-подгрузка (например, в каталоге товаров или разделе новостей). Сохраните изменения.
Проверка работы на сайте
Откройте публичную часть сайта на странице, где настроена подгрузка. Проверьте, что при скролле или нажатии кнопки «Показать еще» контент подгружается без перезагрузки страницы. Убедитесь, что отображается прелоадер.
- v1.0.716.06.2017- небольшие исправления
- v1.0.615.05.2017- теперь модуль корректно работает при включенном режиме компонента "Включить эмуляцию навигации браузера" и текущий адрес страницы отображается в адресной строке;
- добавлена обработка якорных ссылок (#link) и при их наличии перенос их в конец сформированной адресной строки; - v1.0.520.02.2017- исправлен алгоритм работы, теперь при подгрузке элементов в catalog.section весь функционал у подгруженных элементов сохраняется
- v1.0.405.12.20161) Убрали привязку к id для пагинации, теперь привязка осуществляется по классу (можно переопределить при вызове) 2) Сделали дополнительные настройки - возможность включать/выключать режим AJAX, возможность задавать свой текст для ссылки "Показать еще" - При включенном режиме AJAX в запрос будут передаваться дополнительные параметры bxajaxid и ajaxload.
- v1.0.328.11.2016- доработана возможность определять постраничную навигацию не в основном контейнере,а в другом - кнопка "показать еще" будет появляться вместо навигации (а не добавляться к основному контейнеру, как было раньше) - добавили событие "autoloaderComplete", которое вызывается после получения новых элементов и позволяет их дополнительно обработать, например JS. - исправление мелких ошибок
- v1.0.221.11.2016- оптимизирован код для возможности использования решения не только в DIV'ной разметке, но и в другой - добавлена возможность задавать класс для постраничной навигации (теперь она может располагаться отдельно от основного контейнера) Видео с установкой обновления: https://youtu.be/haw4tylDsR8
- v1.0.107.11.2016- исправлена ошибка создания файла /bitrix/js/fgsoft.autoloader/autoloader.plugin.js
Нужна помощь с установкой?
Напишите нам — поможем установить и настроить модуль на вашем сайте.
















