Выберите язык

Расширения

Featured

Обзор OrdaSoft Image Gallery (часть 1). Галерея Joomla 4

 

 

OrdaSoft Image Gallery (OS Responsive Image Gallery или OrdaSoft Responsive Image Joomla Gallery) – это компонент Джумла 4 для создания галерей изображений, видео, с Youtube или Vimeo, (рисунок ниже) и аудио.

Видео обзор

 

  • Компонент – 00:01:07.
  • Галерея Joomla 4 – 00:01:39.
  • Настройки галереи (вкладка «General») – 00:03:29.
  • Вкладка «Fancybox» – 00:06:26.
  • Вкладка «Watermark» – 00:07:50.
  • Вкладка «Social Buttons» – 00:08:45.

Ссылки из видео:

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в YouTube и Mail.ru.

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

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

Видео галерея Joomla
Видео галерея Joomla

Если Вас интересуют альтернативные расширения этого типа, рекомендую ознакомиться с данным разделом, в котором Вы найдёте обзоры разных галерей, слайдеров и слайд-шоу для Joomla.

На официальном сайте расширений Joomla 64 отзыва, расширение добавлено 19 ноября 2014 года.

  • Общий рейтинг – 5 из 5.
  • Функциональность – 5 из 5.
  • Простота использования – 5 из 5.
  • Поддержка – 5 из 5.
  • Документация – 5 из 5.

В обзоре участвует последняя доступная мне, на момент написания статьи (25.03.2022), англоязычная версия OrdaSoft Image Gallery 6.1.20 Pro в Joomla 4.1.0 и англоязычным быстрым стартом шаблона «Vehicle Booking» j405.2021.12.15.

Основные возможности и особенности

Есть бесплатная и платная версия. Сравним их возможности.

 

Возможности и особенности

Basic

Pro

Цена

0 $

29 $

Загрузка фотографий в ZIP архиве

-

+

Загрузка фотографий из папки (рисунок ниже)

-

+

Видео (с Youtube или Vimeo) и аудио. В качестве альтернативного расширения для вставки видео рекомендую рассмотреть бесплатный модуль 4Video.

-

+

Кнопки шэринга в Facebook, Twitter, Pinterest, Linkedin, ВКонтакте, Одноклассники (пример)

-

+

Кнопка загрузки фотографий

-

+

Водяной знак (изображение или текст)

-

+

Настройки Fancybox

-

+

Кнопка «Загрузить ещё» (LazyLoad), загрузка фотографий при прокрутке страницы, автоматическая загрузка фотографий. Неограниченное количество изображений с быстрой загрузкой страниц

-

+

Поддержка от разработчика

-

+

Импорт настроек из другой галереи OrdaSoft Responsive Image Joomla Gallery (в рамках одного сайта)

-

+

Сортировка изображений по дате их загрузки, имени файла, заголовку

-

+

Ссылка на сайт разработчика

+

-

Отображение заголовка и описания поверх изображения

1 макет

6 макетов и дочерние макеты

Отображение заголовка и описания вверху изображения

1 макет

6 макетов и дочерние макеты

Отображение заголовка и описания внизу изображения

1 макет

6 макетов и дочерние макеты

Макеты галереи

1 макет

6 макетов и дочерние макеты

Анимационный эффект по наведению на изображение

2 эффект

12 эффектов

Маска на изображения (пример круговой маски)

5 масок

27 масок

Анимационный эффект отображения изображений

1 эффект

20 эффектов

 

Галерея Джумла
Галерея Джумла

 

Возможности и особенности

Basic

Pro

Модуль поиска изображений

+

+

Поддерживаемые форматы изображений: jpeg, png, gif, webp

+

+

Оптимизированная скорость загрузки админки и сайта. Пример галереи с более чем 100 изображениями на одной странице

+

+

Загрузка изображений их простым перетаскивание мышью

+

+

FancyBox (модальное/всплывающее окно)

+

+

Слайдер с управлением жестами внутри FancyBox

+

+

Адаптивный дизайн (рисунок ниже)

+

+

Неограниченное количество изображений, категорий, галерей

+

+

Мультиязычность

+

+

Короткие коды для галерей, категорий, изображений (пример)

+

+

Сортировка изображений путём их перетаскивания мышью (ручная сортировка)

+

+

Галерея Joomla 4
Галерея Joomla 4

Также стоит отметить такие особенности и возможности галереи Joomla 4:

  • Простая настройка.
  • Возможность выводить галереи при помощи пунктов меню, модулей или специального тега, добавленного, например, в материалы.
  • Переключение между изображениями при помощи стрелочек навигации.
  • Отображение миниатюр изображений в правой части галереи (рисунок ниже).
  • SEO оптимизация. Возможность добавления заголовка, алиаса, ALT и описания к изображениям.
  • Компонент работает не только на профессиональном хостинге, но и на общем.
  • Интеграция с OrdaSoft CCK, K2 и VirtueMart.
OrdaSoft Image Gallery
OrdaSoft Image Gallery

Галерея Joomla 4

В компоненте Вы сможете создавать и управлять самими галереями (рисунок ниже). Иерархия такова:

  1. Галерея.
  2. Категория галереи.
  3. Изображение (видео или аудио).

Галерея может содержать одну или несколько категорий. Категория может содержать одно или несколько изображений (видео или аудио). Одно изображение может (видео или аудио) может быть в одной или нескольких категорий в рамках одной галереи.

Создание галереи
Создание галереи

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

Настройка прав доступа
Настройка прав доступа

Вы сможете загружать изображения при помощи их простого перетаскивания в окно браузера (рисунок ниже) из папки у Вас на хостинге или путём загрузки ZIP архива с изображениями.

Добавление изображений в галерею
Добавление изображений в галерею

Настройки каждой из галерей разделены на 4 вкладки:

  1. General.
  2. Fancybox.
  3. Watermark.
  4. Social Buttons.

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

General
General

На вкладке Fancybox (рисунок ниже) OS Responsive Image Gallery содержит настройки для конфигурации всплывающего окна. Можно настроить цвет затемнения фона, эффект открытия/закрытия окна, эффект переключения между слайдами, а также сконфигурировать отображение тех или иных элементов: кнопку раскрытия изображения весь экран, кнопку отображения миниатюр, кнопку загрузки товара и т.д.

Fancybox
Fancybox

На вкладке Watermark (рисунок ниже) OrdaSoft Responsive Image Joomla Gallery предоставляет Вам возможность настроить наложение водяного знака на изображения. В качестве водяного знака можно использовать текст или изображение. Можно настроить положение водяного знака, его прозрачность и т.д.

Watermark
Watermark

На рисунке ниже показан приме текстового водяного знака на изображении.

Водяной знак на изображении
Водяной знак на изображении

Вкладка Social Buttons (рисунок ниже) даёт Вам возможность включить/отключить кнопки шэринга изображения в разные социальные сети: Facebook, Twitter, Pinterest, Linkedin, ВКонтакте, Одноклассники.

Social Buttons
Social Buttons

В следующей статье «Обзор OrdaSoft Image Gallery (часть 2). Галерея Джумла 4» мы рассмотрим настройки изображений, варианты отображения галереи на сайте и поговорим про возможность вставки видео и аудио.

Похожие материалы
Автор статьи – Хорошевский Алексей
Хорошевский Алексей

Кандидат технических наук, преподаватель Харьковского национального университета радиоэлектроники, веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет услуги по созданию, доработке, сопровождению и продвижению сайтов. Подробнее об авторе…

Социальные сети:

Публикации и работа:

 

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

Загрузка комментария... Комментарий будет обновлён через 00:00.
Напишите комментарий...
- оставшихся символов.
или оставить комментарий как гость