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

Модуль Views scroll pager

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

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

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

Модуль 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" и убедиться, что библиотека подхватилась.

Подключение jScrollPane

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

Настройка Horizontal scroll pager

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

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

  • Если у вас на странице несколько пейджеров, то не забудьте им присвоить уникальные Pager ID для возможности раздельной навигации по каждому из них;
  • Если потребуется стилизовать пейджер по своему – дерзайте, только убедитесь, что ваш CSS подключается после моего, который лежит в модуле Views scroll pager;
  • Для добавления стрелочки-иконки посредине полосы прокрутки нарисуйте иконку и добавьте следующий код в CSS.
  1. .views-scroll-pager .jspHorizontalBar .jspDrag .jspDragLeft {
  2. background: url("path_to_image") no-repeat 50% 0;
  3. }

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

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

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

Комментарии

Аватар пользователя Юрий
Юрий

Зачетный модуль, спасибо!

Аватар пользователя Darkhan Kutzhanov
Darkhan Kutzhanov

Насколько я понял, тянуть за бегунок и листать таким образом не получится. Бегунок нужен только для количества-страниц. Жаль, ищу модуль или скрипт который делает именно это

Аватар пользователя Александр
Александр

Добрый вечер. А для 6 версии никак?

Аватар пользователя angarsky
angarsky
Приветствую. Под 6ку совсем нет желания писать :)
Аватар пользователя drupalerby
drupalerby

ну там вроде бы не так и много же. да и на 7 ю многие не хотят переходить.

Аватар пользователя Александр
Александр

Плюс неплохо бы чтобы работало и без views

Аватар пользователя Eleazara
Eleazara

Привет. Я использую модуль OG. Мне нужно на страницы постов установить или скроллинг, или кнопки туда-сюда. Естественно, чтобы переход был только между нодами, привязанными к конкретной группе, а не по всему типу материалов. Как поставить сортировку и аргументы во вьювсе я знаю (чтобы получить список всех постов группы, находясь на странице одного из постов этой группы), а вот как вывести это ссылками в постах типа как у Вас или кнопками туда-сюда - не понимаю. Хелп плиз.

Аватар пользователя не работает
не работает

Подскажите. в чем может быть причина - всё сделал как написано, но после включения Views scroll pager, отображается пейджер обычный.

Аватар пользователя AmiGator
AmiGator

а что по поводу jQuery mouseweel и mwheelIntent, которые рекомендуются автором jScrollPane. В модуле они используются?

Аватар пользователя Богдан
Богдан

Баг. При выборе этого варианта во вьюхе, вьюху растянуло так, что за пределы экрана ушли кнопки "Сохранить" "Отменить".

Просто информирую. А вещь годная,.. была бы.

Добавить комментарий

  .d8888b.   888  8888888b.            
d88P Y88b 888 888 Y88b
Y88b. d88P 888 888 888
"Y88888" 888 888 d88P 888 888
.d8P""Y8b. 888 8888888P" 888 888
888 888 888 888 T88b 888 888
Y88b d88P 888 888 T88b Y88b 888
"Y8888P" 888 888 T88b "Y88888
888
Y8b d88P
"Y88P"
Зарегистрируйтесь для добавления материалов без проверки.