Подгрузка страниц на AJAX для элементов каталога в Битрикс

Для того, чтобы в Битрикс сделать бесконечную AJAX подгрузку страниц каталога, необходимо играться с параметром PAGEN_1 при включенной пагинации.

Выглядеть это будет примерно так:

Clipboard01

Для начала определим в init.php переменную, в которой будем хранить количество элементов, отображаемых на странице при каждой прогрузке:

Далее пишем JS код, который будет вызываться при прокрутке страницы. Если мы достигаем подвала сайта — делаем AJAX запрос и добавляем в блок со списком товаров новые:

В плане вёрстки делаем так: элементы каталога отображаем в div-нике с классом «iloader».

JS код, представленный выше добавляем в ваш шаблон catalog.section на странице раздела каталога.

В /ajax/catalog_pager.php также отображаем catalog.section но уже с другой вёрсткой (там будут отображаться элементы каталога, которые подгружаются по каждому ajax запросу). Примерно так:

Собственно вся магия 🙂

3 комментария

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *