О проекте

Данный сайт попытка повысить коммуникацию самых активных разработчиков на CMS Drupal - блоггеров. Если Вы ведете свой блог о Друпале, значит Вы готовы делиться вашими знаниями, помочь другим. Не всегда ваши знания доходят до потребителя. Задача данного сайта агрегировать знания различных блогов в единую ленту и привести на Ваши блоги активных пользователей.

Активность пользователей на Вашем сайте будет дополнительным стимулом к дальнейшей работе.

Удачи во всех Ваших начинаниях!

Создание фото-галереи при помощи Colorbox и Views 3

-7 votes
+
-

Создание фотогалереи при помощи Colorbox и Views 3
Задача: минимальными усилиями собрать фотогалерею.
Необходимые модули:Drupal 7.15Colorbox 1.3Entity Reference 1.0-rc5Views 3.5
Функционал галереи:
Два типа материала — фотоальбом и фото. Фото при загрузке прикрепляется к определённому альбому.
Про установку и настройку Colorbox я уже рассказывал, остальные модули ставятся интуитивно понятно.
Фотогалерея
Делаем новый тип материала photoalbum «фотоальбом». Стандартный тип материала, только добавим ещё одно поле fileld_album_cover типа image «Обложка». Настраиваем обрезку загруженной обложки до 150×150 (admin/structure/types/manage/photoalbum/fields/field_album_cover). Это, конечно не обязательно, но, на мой взгляд, эстетичнее, что ли.
Фотография
Делаем новый тип материала photo «фото». Добавляем поля фото field_photo_photo это будет поле, отвечающее за саму фотографию. Сделаем его типа image. Обрезку настройте под себя, но я бы рекомендовал настроить обрезку до 800×600.
Дальше нам надо сделать ссылку на альбом. Делаем поле field_photo_album «Альбом» типа Entity Reference в настройках поля тип материала — материал, режим views: filter by an entity reference view и прямо оттуда у нас будет ссылка на создание views.
Делаем views
Фильтры:
Опубликовано
Тип: фотоальбом
Текущий пользователь: да
Сортировка
Заголовок: по убыванию
Тип вывода Entity Reference (это важно, без него вьюшка не подхватится виджетом)
Сохраняем и указываем эту вьюшку в предыдущем шаге.
Мы получили функционал для добавления фотоальбомов и фотографий в них, теперь давайте их выведем.
Список фотоальбомов пользователя
Делаем views my_photoalbums
Поля:

  • Содержимое: nid (сразу исключаем из вывода)
  • Содержимое: заголовок (убираем вывод метки. Перезаписываем путь ссылки на album/[nid])
  • Содержимое: обложка (аналогично настройкам заголовка)

Фильтры

  • Опубликовано
  • Тип — фотоальбом
  • Текущий пользователь

Формат

  • Формат — сетка, по 2 или 3 столбца (группировка по полю «альбом»)
  • Показывать поля

Это нам даст страницу со списком альбомов текущего пользователя. На странице будут обложки альбомов с названиями этих альбомов. Щелчок по названию или картинке будет вести в альбом.
Выводим альбом (view_photoalbums)

  • Тип дисплея — страница
  • Формат — сетка, 2-3 столбца

Поля:

  • Заголовок (исключён из вывода)
  • Фото (вывод через colorbox, группировка в галерею по желанию)
  • Альбом (указываем поле field_photo_album)

Настройки страницы

  • Путь — /album/%

Контекстные фильтры

  • Содержимое: альбом (Если значения фильтра НЕТ в URL-вывести текст ничего не найдено, проверка — тип материала — фотоальбом)

Что это нам дало
На выводе фотоальбомов (my_photoalbums) мы сформировали путь album/[nid], где nid — указатель на альбом. Вьюшка view_photoalbums оперирует как раз этим путём, для этого мы указывали путь albums/%
Контекстный фильтр берёт из URL id альбома и отфильтровывает по этому альбому.
Вроде всё. Что не понятно — в комментарии.
Tags: урокcolorboxviews

Полный оригинальный материал:

ASZh.com