Portfolio App - приложение портфолио для ZOO

При помощи Portfolio App for ZOO вы сможете развернуть функционал портфолио на базе конструктора контента ZOO. Это позволяет в короткое время расширить функционал вашего сайта и добавить "витрину" - показать портфолио, используя интерактивные элементы и удобный интерфейс. Приложение поддерживает разметку для Bootstrap и Uikit, что делает его совместимым с большинством современных Joomla шаблонов. В дистрибутив входит ряд ZOO элементов от NorrNext, а также быстрый старт.

Разметка главной страницы приложения:

Категории портфолио (стандартные категории ZOO) выводятся кнопками без учета вложенности. Ссылки на категории находятся внутри страницы и не являются модулем, если элементов портфолио ещё не создано, ссылки на категории не будут отображаться. Ниже выводятся элементы портфолио. Предусмотрен вывод колонками до 4-х с сортировкой по порядку по различным параметрам (Дата Создания, Хиты, Дата модификации, Название, Самые Новые Первыми, Самые Новые Последними и Порядок Материалов в Менеджере), а также с сортировкой по направлению колонок вертикально (вниз) и горизонтально (поперёк).

Каждый элемент может содержать teaser image, lightbox image, заголовок, и, соответственно ссылку на подробный вид (full page), а также ссылку на изображение в lightbox, если путь к картинке указан.

Глобальные настройки

Item Media Alignment - вы можете установить этот параметр по-умолчанию, а также переопределять его в каждом элементе портфолио (item) по своему усмотрению. От этого параметра зависит разметка страницы портфолио (full page layout). Поскольку раличные элементы в Portfolio App используют разные плагины, для которых требуется подключение сторонних JS и CSS файлов, то в настройках предусмотрено глобальное управление подключением этих файлов, соответственно в самих элементах(elements) также предусмотренны настройки. таким образом вы можете, например ,подключить Magnific Popup Plugin во всем проекте и отключить его в самих элементах, чтобы он не был подключен повторно. В установочном пакете (quickstart) всё уже настроенно таким образом.

Настройки для Bootstrap шаблона:

  • Включить Font Awesome
  • Включить Bootstrap CSS
  • Включить Bootstrap JS
  • Включить Own Plugin (карусель)
  • Включить Magnific Popup Plugin

Аналогично для шаблона на базе Uikit:

  • Включить Font Awesome
  • Включить Uikit CSS
  • Включить Uikit JS
  • Включить Own Plugin (карусель)
  • Включить Magnific Popup Plugin

С помощью параметра "Item Media Alignment" можно менять разметку для full page (см.демо). Доступные варианты:

  • Слева
  • Сверху
  • Над заголовком

Для картинки можно указать доп. ссылку на lightbox. Помимо этого можно использовать вместо картинки:

  • Галерею
  • Слайдшоу
  • Видео

К каждому item можно указать автора. Автор является дополнительным типом item (Author) - выводит информацию об авторе. Кроме того, к каждой странице автора можно указать страницы портфолио (My Items), которые будут отображаться в виде сетки ниже информации об авторе.

Страница Full Page содержит ряд предустановленных полей:

  • Title - название проекта;
  • Creation Date - дата создания страницы;
  • Author - ссылка на страницу Автора;
  • Teaser Image (Simpleimage) - простое изображение;
  • Full Image (Simpleimage) - изображение на страницу проекта;
  • Video (Media) - медиа;
  • Slideshow - элемент Magic Slideshow от NorrNext;
  • Previous/Next Link - расширенный элемент пред./ след.страницы с ссылкой на frontpage;
  • Date - дата реализации проекта;
  • Customer (Text);
  • Objective (Textarea);
  • Download Button (Download) - ссылка на скачивание;
  • Категории;
  • Теги;
  • Description (Gridtextarea) - расширенное поле Textarea, с возможностью деления на колонки (каждое добавленное поле будет являтся колонкой);
  • Launch Project (linkbutton);
  • Social Share - элемент Social Share от NorrNext;
  • Grid Images - элемент Magic Slideshow от NorrNext;
  • Related Posts (Related Items) - специальная разметка Slideshow;
  • Open Graph - элемент NorrNext.

Схематическое обозначение страниц:

Схематическое обозначение главной страницы - Portfolio App for ZOO
Схематическое обозначение главной страницы

Схематическое обозначение страницы проекта Portfolio App for ZOO
Схематическое обозначение страницы проекта

Portfolio App for ZOO имеет локализацию на русский язык.

  • Добавлен
  • Версия
    Joomla 3.+
  • Тематика
  • Поддерживаемые браузеры
    IE9 IE10 IE11 Edge Opera 15+ Firefox Safari Chrome
  • Макет
    Адаптивный
  • Цвета

Подпишитесь на рассылку новостей CMScafe