Обзоры расширений Joomla

 

 

DJ-MediaTools – расширение Joomla для создания галерей, слайдшоу и слайдеров материалов Джумла, K2, товаров VirtueMart, HikaShop, изображений и видео. Компонент гибко настраивается, переведён на русский язык, поддерживает комментарии, мультиязычность и обладает адаптивным дизайном. Ко всему прочему галереей и слайдером удобно управлять с помощью сенсорного экрана. Также стоит отметить, что данный слайдер поддерживает рекомендации WCAG 2.0 (Section 508) для создания сайтов для слабовидящих и людей с другими ограничениями по здоровью.

Пример работы DJ-MediaTools Вы можете посмотреть на демонстрационном сайте разработчика.

В предыдущих статьях мы уже рассматривали некоторые альтернативные расширения RSMediaGallery, Simple Image GalleryPhoca Gallery и sigplus.

В обзоре будет участвовать последняя, на момент написания статьи (15.01.2016), русскоязычная версия DJ-MediaTools 2.6.1, Joomla 3.4.8, шаблон сайта – JM University 1.1, шаблон панели управления – isis 1.0.

Для DJ-MediaTools заявлены такие системные требования (для Joomla 3.х):

  • Системные требования, предъявляемые к самой CMS Joomla.
  • MySQL версии 5.1 или более новой.
  • Библиотека PHP – CURL.
  • Библиотека GD версии 2 или более новой.
  • Библиотека MooTools.

Поддерживаемые браузеры (актуальные, стабильные версии):

  • Internet Explorer 10 или более новой версии.
  • Google.
  • FireFox.
  • Safari.
  • Opera.

Обратите внимание, что работа с DJ-MediaTools возможна и в других браузерах и ранних версиях. Но разработчик не тестирует и не гарантирует такую поддержку.

DJ-MediaTools

Рассмотрим некоторые особенности данного расширения.

  • Поддержка Joomla 3 и 2.5.
  • Создание видео галереи Joomla (Vimeo и YouTube).
  • Создание галерей изображений.
  • Вставка галерей в материалы Джумла при помощи кнопки в редакторе материалов.
  • Наличие гибконастраиваемого модуля для отображения галереи, слайдера или слайдшоу в любой позиции шаблона.
  • Отзывчивый дизайн и удобное управление с помощью сенсорного экрана.
  • Возможность создания отображения галереи, слайдера или слайдшоу из папки с изображениями на сервере, объявлений DJ-Classifieds, DJ-Catalog2, материалов K2, товаров VirtueMart и HikaShop, материалов Joomla и EasyBlog, DJ-ImageSlider, SobiPro.
  • Поддержка комментариев Disqus, JComments и Facebook.
  • Мультиязычность (Falang).
  • Возможность мультизагрузки (загрузка нескольких изображений одновременно).
  • Перемещение порядка следования изображений галереи путём их перетаскивания мышью.
  • CSS3-анимация, эффекты загрузки изображений.
  • 8 макетов страницы галереи.
  • Автоматическое изменение размеров на сервере при помощи библиотеки GD2.
  • Автоматическое создание миниатюр.
  • Возможность интеграции со сторонними расширениями при помощи дополнительных плагинов. Как готовых, так и с возможностью создания.
  • Настройки эффектов и оформления (дизайна) галереи Joomla.
  • Неограниченное количество альбомов и элементов (изображений, видео).
  • Изменение элементов навигации (стрелки направления перелистывания, стоп, пауза и так далее) без правки кода.
  • Изменение положения элементов навигации слайдера.
  • Возможность настройки каждого альбома отдельно, всех альбомов вместе, каждого отдельного модуля и пункта меню.
  • Эффекты анимации описаний.
  • Собственная система кэширования, оптимизации и изменения размеров изображений.
  • Кэширование CSS-слайдера.
  • Возможность обработки изображений, загружаемых в галерею на стороне клиента, а не сервера (зависит от браузера пользователя).
  • Гибкие настройки элементов галереи (заголовок, описание, текст «Подробнее», настройки ссылок и так далее).
  • Компонент переведён на русский, английский, немецкий, французский, итальянский и польский языки.

Также отмечу качественную техническую поддержку и документацию (на английском языке).

В панели управления DJ-MediaTools (рисунок ниже) Вы найдёте ссылки на основные разделы видео галереи Joomla, информацию о текущей и новой версии расширения и информацию о состоянии лицензии на компонент.

DJ-MediaTools
DJ-MediaTools

По нажатию на ссылку Документация Вы перейдёте на страницу технической документации на сайте разработчика (на англ.).

Альбомы

Альбомы в DJ-MediaTools - это своего рода категории материалов или товаров. Альбом может содержать вложенные в него альбомы (несколько уровней вложения) и фотографии\видео записи. Например, если Вы захотите вывести на сайте пункт меню, по нажатию на который пользователь перейдёт к перечню всех альбомов, Вам нужно предварительно создать альбом, внутри которого будут располагаться все альбомы, которые Вы хотите показать на сайте. Причём этот альбом верхнего уровня может не содержать никаких изображений или видео.

На рисунке ниже показан раздел Альбомы. В нём Вы сможете управлять всеми альбомами слайдера Joomla.

Слайдер Joomla
Слайдер Joomla

Если назначение опций понятно из их названия или они оснащены всплывающими подсказками на русском языке, рассматривать их не будем.

Новый альбом/Изменить альбом

При создании нового альбома или редактировании существующего доступен ряд настроек, разделённых на несколько вкладок. Рассмотрим первую вкладку Новый альбом/Изменить альбом (рисунок ниже) (её название зависит от того, создаёте Вы альбом или редактируете новый).

  • Заголовок. Название альбома. Присутствует на странице сетки альбомов (тип пункта меню Joomla – Показ сетки альбома), отображается при наведении на миниатюру альбома, а также отображается в заголовке (тег «Title») страницы самого альбома
  • Родительский альбом. Можно указать, является ли созданный Вами альбом вложенным в другой. Так можно построить иерархию альбомов. Аналог категорий и подкатегорий.
  • Алиас. Часть URL-адреса страницы альбома.
  • Состояние. Статус публикации альбома. Неопубликованные альбомы не отображаются во фронтальной части сайта.
  • Картинка альбома. Миниатюра альбома, которая отображается во фронтальной части сайта на странице сетки альбомов.
  • Уникальный номер альбома в базе данных Joomla. Также он присутствует в URL-адресе страницы альбома.
  • Источник альбома. Откуда нужно брать элементы альбома (изображения). Доступны такие варианты: Дополнительные элементы, Статьи Joomla, Товары DJ-Catalog2, Объявления DJ-Classifieds, Записи Easyblog, Картинки папки, Товары Hikashop, Элементы K2, SobiPro Entries, Товары Virtuemart.
Слайдер для Джумла
Слайдер для Джумла

Выбрав тот или иной источник альбома, у Вас станут появляться различные дополнительные опции. Например, если Вы хотите отображать картинки, которые загружаете и настраиваете в самом DJ-MediaTools, тогда выберите вариант Дополнительные элементы, и у Вас появятся опции, показанные на рисунке выше.

Выбрав вариант Статьи Joomla, появятся опции, показанные на рисунке ниже.

Настройки источника
Настройки источника

Можно выбрать вариант Картинки папки и получить возможность отображения изображений из папки на Вашем сайте (рисунок ниже).

Картинки папки
Картинки папки

Выбрав Товары Virtuemart, можно настроить отображение слайдера VirtueMart на основании изображений его товаров (рисунок ниже).

Источник VirtueMart
Источник VirtueMart

Так же с другими расширениями. Обратите внимание, что для использования того или иного источника, нужно чтобы был установлен, активирован и настроен тот или иной компонент источника. Под настройкой понимаем, что в компоненте должны быть элементы, которые можно отображать в слайдере Joomla. После того, как Вы выберите источник и сохраните альбом, больше нельзя будет сменить источник для этого альбома. Но можно создать новый альбом с нужным источником.

При помощи опции Ссылка видео можно добавить видео с YouTube или Vimeo (рисунок ниже).

Видео галерея Joomla
Видео галерея Joomla
  • Папка загрузки. Директория на Вашем сайте, куда будут загружаться файлы, если их добавить в поле «Загрузка нескольких картинок».
  • Описание альбома. Текст описания, который будет показан на странице альбома под самим слайдером для Джумла (рисунок выше).

Основные параметры альбома

На данной вкладке (рисунок ниже) DJ-MediaTools позволяет задать настройки отображения альбома. Обратите внимание, что заданные тут настройки более приоритетны, чем настройки пункта меню или общие настройки компонента DJ-MediaTools. То есть, если, например, для конкретного альбома задан свой макет (опция, Макет альбома), а в пункте меню, которое ведёт на этот альбом, для опции Макет альбома задано что-то другое, то будет работать опция именно альбома, а не пункта меню. Если для альбома ничего не указано для какой-то опции, то будет применяться настройка пункта меню. Если и для пункта меню ничего не задано, тогда будет применяться настройка компонента DJ-MediaTools (о них поговорим в следующих статьях).

Основные параметры альбома
Основные параметры альбома

Макет альбома определяет внешний вид слайдера Joomla. Доступны такие варианты:

  1. Сетка галереи.
  2. Современный слайдер (на основе нового движка).
  3. Nivo слайдер (экспериментальный).
  4. Kwicks Panels.
  5. Skitter слайд-шоу (экспериментальный).
  6. Слайдер (основан на DJ-ImageSlider).
  7. Слайд-шоу.
  8. Слайд-шоу с эскизами.
  9. Вкладка.

На рисунках ниже показаны примеры всех макетов альбома в порядке, перечисленном в списке выше.

Сетка галереи
Сетка галереи
Современный слайдер (на основе нового движка)
Современный слайдер (на основе нового движка)
Nivo слайдер (экспериментальный)
Nivo слайдер (экспериментальный)
Kwicks Panels
Kwicks Panels
Skitter слайд-шоу (экспериментальный)
Skitter слайд-шоу (экспериментальный)
Слайдер (основан на DJ-ImageSlider)
Слайдер (основан на DJ-ImageSlider)
Слайд-шоу
Слайд-шоу
Слайд-шоу с эскизами
Слайд-шоу с эскизами
Вкладка
Вкладка

На рисунке ниже показан пример слайдера VirtueMart 3.0.12, макет альбома Вкладка.

Слайдера VirtueMart
Слайдера VirtueMart

Для этого же макета альбома есть дополнительные настройки в области ПАРАМЕТРЫ МАКЕТА ВКЛАДОК.

Эффекты картинок и Эффект описания позволяют задать анимационный эффект для соответствующих элементов слайдера Joomla (доступно около 5 эффектов).

При помощи опции Сортировать по Вы можете задать порядок сортировки элементов слайдера (Название файла или Случайно).

Поведение картинки при нажатии позволяет Вам указать, что должно происходить при нажатии на картинку:

  • Без ссылки. По нажатию ничего не происходит.
  • Гиперссылка. Происходит переход по ссылке, заданной в настройках элемента на вкладке Настройки отображение, опция Тип ссылки. Об этом поговорим немного ниже в статье.
  • Открыть в lightbox. Открывает увеличенное изображение во всплывающем окне с элементами управления (рисунок ниже).
Открыть в lightbox
Открыть в lightbox
  • Открыть детали элемента в модальном окне. Открывает увеличенное изображение в модальном окне с описанием, элементами управления и возможностью просмотра изображения с эффектом лупы (увеличительного стекла). Это особенно интересно в случае создания слайдера товаров VirtueMart 3 и других интернет-магазинов.

В разделе РАЗМЕРЫ Вы сможете задать ширину, высоту, степень сжатия (качества), способ изменения размера (обрезка, подгонка и т.д.), а также другие настройки для изображений. Все они понятны из названия и оснащены всплывающими подсказками на русском языке. Обратите внимание, что не все опции работают для каждого из макетов альбома. Какие из них работают\не работают для конкретного альбома, можно посмотреть во всплывающей подсказке.

Параметры элементов макета

Опции на данной вкладке (рисунок ниже) позволяют Вам сконфигурировать те или иные элементы слайдера Joomla.

Параметры элементов макета
Параметры элементов макета

На рисунке ниже показаны элементы макета фронтальной части слайдера/видео галереи Joomla и их соответствие опциям.

  1. Показывать заголовок.
  2. Показывать описание.
  3. Показать Подробнее/Текст Подробнее.
  4. Показать проиграть/пауза.
  5. Показать дальше/назад.
  6. Показать настр. навигацию.
Элементы макета
Элементы макета

Оптимизация макета

Опции на данной вкладке (рисунок ниже) помогут Вам настроить внешний вид и анимацию самого слайдера Joomla. Опции в области Настройки эффектов предназначены для конфигурации начального и конечного эффектов смены слайдов (не путать с эффектами самой смены слайдов, задаваемых на вкладке Основные параметры альбома).

В области Настройки описания можно настроить положение описания слайдов/видео.

Область Настройка навигации поможет сконфигурировать внешний вид и положение элементов управления слайдером.

Оптимизация макета
Оптимизация макета

Настраиваемые элементы

Данный раздел (рисунок ниже) позволяет задавать различные настройки каждому изображению или видео слайдеру. Раздел актуален в том случае, если в качестве источника альбома был выбран вариант Дополнительные элементы.

Настраиваемые элементы
Настраиваемые элементы

Настройки каждого элемента разделены на две вкладки и, частично, повторяют настройки альбома.

На вкладке Изменить элемент (рисунок ниже) Вы сможете внести заголовок и описание изображения, или, если Вы создаёте видео галерею Joomla, можно указать ссылку на видеоролик на Vimeo или YouTube. Также можно задать временной интервал отображения элемента.

Изменить элемент
Изменить элемент

На вкладке Настройки отображения (рисунок ниже) Вы сможете указать тип ссылки, на которую будет переходить пользователь по нажатию на элемент (изображение или видео) слайдера. Если такое действие предусмотрено в настройках Основные параметры альбома, опция Гиперссылка (в конфигурации альбома).

Доступны такие варианты ссылки:

  • Без ссылки.
  • Пункт меню. Любой существующий пункт меню Joomla.
  • URL адрес. Любой URL-адрес.
  • Статья. Любой существующий материал Joomla.
Настройки отображения
Настройки отображения

Кэш картинок и CSS

В DJ-MediaTools предусмотрен свой собственный «механизм» изменения размеров, кэширования и оптимизации изображений (рисунок ниже). Советую ознакомиться с некоторыми рекомендациями по изображениям, которые будут актуальны почти для любого слайдера или галереи.

Кэш картинок и CSS
Кэш картинок и CSS

Обязательно и очень внимательно прочтите предупреждение, которое отображается в разделе Кэш картинок и CSS. По сути, в данный раздел Вам часто не придётся заглядывать. За редким исключением, в случае если Вы изменили таблицу стилей слайдера и изменения не отобразились на сайте. Только тогда стоит очистить кэш таблиц стилей.

Настоятельно рекомендую заранее продумать размеры всех изображений (картинок, эскизов и так далее), протестировать это на небольшом количестве альбомов и слайдеров, заложить в настройки и постараться больше не менять. Так как изменение размеров при большом количестве изображений может очень сильно нагрузить Ваш сервер, привести к ошибкам и санкциям со стороны хостинг-провайдера. А если у Вас VPS, может сильно снизить скорость работы всех сайтов на сервере.

Плагины источника альбома

Для добавления в DJ-MediaTools изображений, товаров и других объектов из различных расширений нужно, чтобы у Вас был установлен и активирован соответствующий плагин (рисунок ниже).

Плагины источника альбома
Плагины источника альбома

В следующей статье «Обзор DJ-MediaTools Joomla 3. Слайдшоу» мы рассмотрим глобальные настройки компонента и поговорим про его модуль.

 

Полезные ссылки: