НОВОСТИ И СОБЫТИЯ
NEWS AND EVENTS

11 Января 2016 Бесконечный скроллинг 4.1
Выпустили новую версию скроллинга 4.1.
Добавили параметры loadNextPageMode, pageNavClickMode, событие on_init_complete и передачу объекта скроллинга во все события.

4 Января 2016 Фотобокс
Добавили новое решение - "Фотобокс". С его помощью Вы можете оптимально вписать в ограниченное пространство до 20-ти фото.

3 Декабря 2015 Бесконечный скроллинг 4.0
В новой версии добавили подгрузку страниц в обратном направлении и реализовали механизм возврата с детальной страницы элемента в список.

КОНТАКТЫ
CONTACTS
Phone: +7 917-712-33-47 (8362) 39-89-05
ВСТУПАЙТЕ В ГРУППУ
JOIN US
 
Мы в контакте
 
   
 

Инструкция по настройке (Быстрый старт)

Категория: Применение
Решение: Бесконечный скроллинг

После установки модуль добавляет к компоненту постраничной навигации system.pagenavigation шаблоны, адаптированные для организации бесконечного скроллинга. Наименования шаблонов следующие:
  1. scroll2_def(/bitrix/components/bitrix/system.pagenavigation/templates/scroll2_def/) - аналог стандартного .default,
  2. scroll2_arrows(/bitrix/components/bitrix/system.pagenavigation/templates/scroll2_arrows/) - аналог стандартного arrows,
  3. scroll2_arrows_adm(/bitrix/components/bitrix/system.pagenavigation/templates/scroll2_arrows_adm/) - аналог стандартного arrows_adm,
  4. scroll2_modern(/bitrix/components/bitrix/system.pagenavigation/templates/scroll2_modern/) - аналог стандартного modern,
  5. scroll2_orange(/bitrix/components/bitrix/system.pagenavigation/templates/scroll2_orange/) - аналог стандартного orange.

Последовательность действий (на примере компонента news.list):
  1. Убедитесь, что на сайте подключен JQuery,
  2. В параметрах компонента, где предусмотрена постраничная навигация в разделе 'Настройки постраничной навигации'
    для параметра 'Название шаблона:' укажите один из адаптированных шаблонов (scroll2_*),
    для параметра 'Выводить над списком:' поставьте флажек,
    для параметра 'Выводить под списком:' снимите флажек.
  3. Откройте на редактирование шаблон компонента и внестите в код следующие правки:
    В начало шаблона разместите код
    <?
    if(CModule::IncludeModule('orion.infinitescroll')){
       $sBeginMark = COrionInfiniteScroll::GetBeginMark($arResult['NAV_RESULT']->NavNum);
       $sEndMark = COrionInfiniteScroll::GetEndMark($arResult['NAV_RESULT']->NavNum);	
    }	
    ?>
    

    Добавьте строку маркера начала списка
    <?=$sBeginMark;?>
    перед циклом вывода данных (<?foreach($arResult['ITEMS'] as $arItem):?>) и строку маркера конца списка
    <?=$sEndMark;?>
    после цикла вывода данных (<?endforeach;?>)
  4. Если в цикле вывода данных выводятся элемнеты <li> списка <ul> или строки <tr> таблицы <table>, то строки с маркерами должны располагаться за пределами <ul></ul> и <table></table> соответсвенно

У Вас должно получиться примерно следующее:
--------------- пример файла шаблона компонента news.list ----------------------

<?if(!defined('B_PROLOG_INCLUDED') || B_PROLOG_INCLUDED!==true)die();?>

<?
if(CModule::IncludeModule('orion.infinitescroll')){
   $sBeginMark = COrionInfiniteScroll::GetBeginMark($arResult['NAV_RESULT']->NavNum);
   $sEndMark = COrionInfiniteScroll::GetEndMark($arResult['NAV_RESULT']->NavNum);	
}	
?>

   здесь блок вывода верхней постраничной навигации

<?=$sBeginMark;?>

   здесь возможно <ul>, <table> или <div>

<?foreach($arResult['ITEMS'] as $arItem):?> 

   здесь вывод элемента списка 

<?endforeach;?> 

   здесь возможно </ul>, </table> или </div>

<?=$sEndMark;?> 

здесь блок вывода нижней постраничной навигации 

-------------------------------------------------------------------------------- 

Все. На данном этапе модуль уже работает.

P.S. Если у Вас элементы каталога выводятся со стилем "float", оберните их в div со стилем "overflow: hidden". Это необходимо для того, чтобы между метками содержимое имело не нулевую высоту.