Скрыть объявление
Более 45000 материалов для скачивания в нашем приватном разделе. Не пропусти, возможно данную складчину уже выкупили и выложили для ознакомления.
Скрыть объявление
Гость отличная новость! Мы открыли доступ к ранее скрытому контенту.

Вам доступно более 44 000 видео уроков, книг и программ без VIP статуса. Более подробно ЗДЕСЬ.

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

Тема в разделе "Программы, скрипты", создана пользователем BlackMan, 26 мар 2015.

0/5, Голосов: 0

Метки:
Этап:
Набор участников
Цена:
300.00 руб.
Участников:
0 из 10
Организатор:
требуется
0%
Расчетный взнос:
44 руб.
  • (Записывайтесь, чем больше участников, тем меньше расчетный взнос)

  1. BlackMan

    BlackMan Модератор

    Сообщения:
    12.929
    Симпатии:
    13.205
    Плагин Ajax Scroll обеспечит ajax подгрузку контента на страницах с пагинацией. В результате вы получите эффект "бесконечного скроллинга" для своего сайта, на примере ВКонтакте, Твиттера, Фейсбука и др.
    [*]Работает с любыми компонентами Joomla [*]Использует технологию AJAX [*]Современный эффект, как на крупных порталах и соц. сетях [*]Встроенная навигация по страницам через якори # [*]Автоскроллинг до нужной страницы [*]Возможность задать ограничение для загрузки
    Возможности

    Плагин получился довольно универсальный - он может работать как с родным компонентом материалов (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 и т.д., т.к., плагин ее просто скрывает для обычных пользователей, а для ботов она будет доступна в исходном коде.


    Настройки
    [​IMG]

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

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

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

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


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

    [​IMG]

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



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

    Демо
     
Оценить эту тему:
/5,
Поделиться: