Views scroll pager – новый пейджер с горизонтальным скроллом для ваших Views

Всем привет! Вчера наконец-то свершилось чудо, и я по-взрослому добрался до Drupal.org: завел в песочнице свой первый проект и стал членом ассоциации после внесения членских взносов – такой вот личный праздник.

Дабы мои труды не пропадали зря, начну первым популяризировать свой модуль, имя которому Views scroll pager. Модуль является расширением для Views и предоставляет новый пейджер с горизонтальной прокруткой, который отображает ссылки сразу на все страницы пагинации. В некоторых случаях данный модуль станет отличным решением для улучшения юзабилити вашего сайта.

Ссылка на проект: Views scroll pager.

Возможности модуля

• Модуль поддерживает Views с включенным AJAX;
• Модуль отлично справляется с несколькими пейджерами на странице;
• Пейджер по умолчанию растягивается на всю ширину контейнера блока;
• Поддержка стандартных настроек для Views Pager: Offset, Items to display, Pager ID;
• Корректная работа во всех современных браузерах. Поклонников IE7 огорчу – под это модуль пока не заточен.

Установка Views scroll pager

Весь процесс установки подробно описан в README.txt, но для людей, которые вместо чтения данного файла предпочитают сразу спрашивать у Google или же не владеют английским в достаточной мере, еще раз и уже по-русски подробно расскажу о всех нюансах.

Views scroll pager зависит от Views и Libraries API, поэтому сразу устанавливайте данные модули. Подробно о том, как устанавливать модули я уже писал. Далее необходимо подключить библиотеку jScrollPane. Поступаем следующим образом:

• На сайте библиотеки, находим ссылочку на Github и переходим по ней;
• В правом сайдбаре должна быть кнопка «Download ZIP» для скачивания последней версии;
• Распаковываем архив и находим 2 файла: jquery.jscrollpane.css и jquery.jscrollpane.js;
• Создаем директорию "sites/all/libraries/jscrollpane" и помещаем туда файлы.

Теперь можно и включать модуль! Не поленитесь зайти на страницу "admin/reports/status" и убедиться, что библиотека подхватилась.

В случае возникновения проблем перечитайте еще раз процесс установки, и, если не поможет, обращайтесь ко мне. После включения модуля в настройках Views Pager вы сможете увидеть новую опцию Horizontal scroll pager.

Несколько советов

В качестве бонуса дам еще несколько рекомендаций, касательно данного модуля и работы с пейджерами в целом:

• Если у вас на странице несколько пейджеров, то не забудьте им присвоить уникальные Pager ID для возможности раздельной навигации по каждому из них;
• Если потребуется стилизовать пейджер по своему – дерзайте, только убедитесь, что ваш CSS подключается после моего, который лежит в модуле Views scroll pager;
• Для добавления стрелочки-иконки посредине полосы прокрутки нарисуйте иконку и добавьте следующий код в CSS.

.views-scroll-pager .jspHorizontalBar .jspDrag .jspDragLeft {
  background: url("path_to_image") no-repeat 50% 0; 
}

В моем случае тестировалась иконка 9x8 пикселей, за остальные не ручаюсь.

Вот собственно и все – пользуйтесь пока я добрый. Найдете баги – репортайте, возникнут вопросы – спрашивайте. Ну и отзывам я тоже буду рад :)

Для разработчиков рекомендую почитать также статью о том, как взаимодействовать со сторонними библиотеками в Drupal через Libraries API – именно так это реализовано в модуле Views scroll pager.