Установка и настройка плагина Ajax Pagination

Инструкция по установке и настройке плагина joomLab Ajax Pagination

Установка плагина

После того, как Вы скачали архив с плагином, необходимо перейти Система/Установка расширений.

Расширения

Прикрепить и установить архив plg_system_ajax_pagination.zip

plg_system_ajax_pagination.zip

После успешной установки, Вы увидите приветственное сообщение.

Успешная установка плагина

Настройка плагина

После установки переходим Система/Плагины.

Плагины

Далее найти и открыть плагин Ajax Pagination

Ajax Pagination

У плагина есть несколько настроек. Начнем с главного. Контейнеры для материалов и пагинации.

Контейнер материалов

Важно

Имя контейнера должно быть уникальным на странице, то есть встречаться в коде страницы оно должно 1 раз. И в этот контейнер материалов не должен попасть контейнер с пагинацией!

Контейнер материалов - это div, в котором расположены все материалы на странице (без div, в котором расположена пагинация).

В Joomla, по-умолчанию, блог категорий разделен на 2 макета: lead_items и intro_items, которые обернуты в одинаковые div, поэтому если вы используете оба макета, то нужно переопределить com_content/category в шаблон и обернуть эти макеты в 1 div, например, в .ajax_content

Переопределение блога категорий

И теперь спокойно можно указать контейнер материалов .ajax_content

Контейнер материалов

Если макеты одинаковые, то проще всего выводить только материалы только в 1 макете, например, в lead_items. Для этого нужно перейти Материалы/Контент и открыть Настройки.

Настройки материалов

На вкладке Блог в поле Во всю ширину поставить нужное количество материалов на странице (столько же будет подгружаться при каждом запросе), а в поле Только вводный текст поставить 0. Теперь на странице будет только 1 div c материалами и, по-умолчанию, это .blog_items

Настройки блога

Контейнер пагинации

Контейнер пагинации - это div, в котором расположен блок с пагинацией, по-умолчанию это .com-content-category-blog__navigation

Далее все просто. Обработчик Ajax: либо Кнопка - тогда подгрузка материалов будет по кнопке, как в демо-версии или Скролл - тогда подгрузка материалов будет автоматической при пролистывании страницы до блока с пагинацией.

Прелоадер.

Тут Вы можете выбрать любое изображение, которое будет показано при загрузке материалов.

Внимание

Если у Вас не отображается стандартный прелоадер, то в настройках медиа-менеджера нужно разрешить использование svg файлов

Настройки медиа-менеджера

Важно

Для корректной работы, плагин нужно открыть и Сохранить