Закрыто

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

Тема в разделе "Скрипты и программы", создана пользователем Maxim777, 18 фев 2015.

Цена: 300р.
Взнос: 80р.-73%
100%

Основной список: 38 участников

Статус обсуждения:
Комментирование ограничено.
  1. 18 фев 2015
    #1
    Топикстартер
    Топикстартер ЧКЧлен клуба

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


    Настройки
    [​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.

    Демо


    Продажник
     
    1 человеку нравится это.
  2. Последние события

    1. skladchik.com
      Складчина закрыта.
      13 мар 2015
    2. skladchik.com
      Взнос составляет 40р.
      6 мар 2015
    3. skladchik.com
      Складчина активна.
      6 мар 2015
    4. skladchik.com
      mmmixa не участвует.
      6 мар 2015

    Последние важные события

    1. skladchik.com
      Складчина закрыта.
      13 мар 2015
    2. skladchik.com
      Взнос составляет 40р.
      6 мар 2015
    3. skladchik.com
      Складчина активна.
      6 мар 2015
    4. skladchik.com
      Сбор взносов начинается 06.03.2015.
      3 мар 2015
  3. Обсуждение
  4. 21 фев 2015
    #2
    Kantos
    Kantos ЧКЧлен клуба
    Плагин не привязывается к домену?
     
  5. 21 фев 2015
    #3
    Maxim777
    Maxim777 БанЗабанен
    Нет, не привязывается.

    Единственное, прочтите внимательно инструкцию по установке и вводе параметров, нужно немного разбираться в CSS.
     
Статус обсуждения:
Комментирование ограничено.

Поделиться этой страницей