[Joomla] Ajax Scroll - бесконечная подгрузка контента на страницах

Складчина: [Joomla] Ajax Scroll - бесконечная подгрузка контента на страницах

Плагин Ajax Scroll обеспечит ajax подгрузку контента на страницах с пагинацией. В результате вы получите эффект "бесконечного скроллинга" для своего сайта, на примере ВКонтакте, Твиттера, Фейсбука и др.

1. Работает с любыми компонентами Joomla
2. Использует технологию AJAX
3. Современный эффект, как на крупных порталах и соц. сетях
4. Встроенная навигация по страницам через якори #
5. Автоскроллинг до нужной страницы
6. Возможность задать ограничение для загрузки

Спойлер: Подробное описание

Возможности
Плагин получился довольно универсальный - он может работать как с родным компонентом материалов (com_content), так и с другими сторонними компонентами. Это значит, что вы можете использовать "бесконечный скроллинг" например, в блоге категории, где у вас идет разбивка материалов на несколько страниц, а также в таких компонентах как Virtuemart, Joomshopping и т.д. и подгружать аяксом ваши товары.

На данный момент плагин AJAX Scroll протестирован и успешно работает со следующими компонентами:

• com_content - стандартный компонент материалов (блог, новости)
• Joomshopping - интернет-магазин для Joomla
• Virtuemart - компонент интернет-магазина
• AdsManager - компонент доски объявлений
• Zoo - конструктор контента
• K2 - конструктор контента
• MijoShop - компонент интернет-магазина для Joomla на базе Opencart

Принцип работы плагина прост - когда пользователь на вашем сайте прокрутит страницу до конца, то произойдет подгрузка контента со второй, далее с третьей и т.д. страниц.

Удобство в использовании плагина заключается в том, что плагин ведет еще и счетчик страниц, отображает текущую страницу через хеш(якорь) - site.ru/blog#page/4, т.е. если ваш посетитель остановился где-то посередине списка, при обновлении страницы, произойдет прокрутка до нужного места. Также посетитель может скопировать такую ссылку и поделиться ею с другими - другие пользователи также попадут к нужному участку на странице.

О поисковых системах: для них все останется как и прежде - обычная пагинация, вроде ?start=24, ?start=48 и т.д., т.к., плагин ее просто скрывает для обычных пользователей, а для ботов она будет доступна в исходном коде.


Настройки


Для настройки плагина понадобится любой отладчик, например Firebug. Если вы еще не знакомы с этим инструментом, посмотрите видео - как пользоваться Firebug.

На картинке слева указаны настройки для стандартного компонента материалов в Joomla 3.x на шаблоне Protostar

• Селектор контейнера - class или id блока, в котором выводится ваш компонент и все его элементы.
• Селектор материала - class блока, в котором выводится отдельно взятый материал, товар и т.д.
• Селектор пагинации - class или id блока, в котором содержатся все элементы разбиения страницы, должен быть уникальным и единственным на странице.
• Селектор следующей стр-цы - class кнопки "Вперед", должен быть уникальным.
  
  

Посмотрите наглядную блок-схему!


Это основные параметры плагина, необходимо отнестись внимательно к этим 4-м полям и заполнить их правильно, иначе плагин работать не будет.



В случае, если нет у нужных блоков селектора, вам необходимо их добавить в вашем шаблоне.

• Лимит - кол-во страниц подгружаемых Ajax'ом автоматически при прокрутке страницы вниз. В случае, если вам требуется загружать контент по кнопке "Загрузить еще", то укажите в этом поле 1.
• Конец списка - текст-уведомление об окончании списка.
• Кнопка - текст самой кнопки для продолжения загрузки.
• Версия jQuery - если на вашем сайте не подключена библиотека jQuery, то укажите здесь необходимую версию,например 1.8.1, и она будет подключена с CDN Google. Обратите внимание, в этом случае библиотека будет подключена на всех страницах вашего сайта. Если возникают конфликты библиотек, то воспользуйтесь плагином JB Library.

Демо

Продажник