Skip to main content

Описание

Gallery3x — это современный компонент галереи изображений, разработанный эксклюзивно для MODX3. Он служит мощной и удобной альтернативой популярным решениям, которые не были обновлены для последней версии CMS.

Многие разработчики знают и любят отличный компонент ms2Gallery, который долгие годы был стандартом для создания галерей. Однако, он был создан для MODX2 и не имеет официальной поддержки в MODX3.

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

g3x.gif

Основные преимущества

  • Только для MODX3: Компонент использует все новые возможности и архитектуру третьей версии MODX.
  • Высокая производительность: Вся обработка изображений и создание превью происходят один раз в админ-панели при загрузке файла. На сайте выводятся уже готовые картинки, что гарантирует максимальную скорость загрузки страниц.
  • Современные технологии: Для обработки изображений используется передовая серверная библиотека Glide, обеспечивающая высокое качество и скорость генерации превью.

Возможности в админ-панели (на странице ресурса)

Интерфейс галереи интегрируется в виде отдельной вкладки "Галерея G3" на странице редактирования ресурса и включает в себя:

  • Современный загрузчик:
    • Загрузка файлов простым перетаскиванием (Drag-n-Drop).
    • Поддержка множественной загрузки файлов.
  • Автоматическая генерация превью:
    • При загрузке автоматически создаются миниатюры (small, medium и любые другие) согласно настройкам, указанным в специальном Источнике файлов "Gallery3x Source".
  • Удобное управление:
    • Все изображения ресурса отображаются в виде наглядной сетки превью.
    • Пагинация для галерей с большим количеством изображений.
    • Сортировка простым перетаскиванием миниатюр.
    • Множественное выделение файлов с помощью Ctrl + Click для групповых операций.
  • Контекстное меню (правый клик по миниатюре):
    • Изменить свойства: Открывает удобное окно для редактирования полей Название (title), Альтернативный текст (alt) и Описание.
    • Включить/Выключить: Позволяет временно скрывать изображения из вывода на сайте.
    • Перегенерировать превью: Обновляет миниатюры для одного или нескольких выделенных файлов.
    • Удалить файл(ы): Полностью удаляет запись из базы данных и все физические файлы с сервера.

Возможности на сайте (сниппет [[!Gallery3x]])

Компонент предоставляет один мощный и универсальный сниппет Gallery3x для вывода уже подготовленных изображений на сайте.

  • Универсальный вывод данных: Сниппет не привязан к конкретной библиотеке или HTML-верстке. Он готовит массив данных для каждого изображения, включая:
    • Все поля из базы данных (name, alt, description и т.д.).
    • URL к оригинальному файлу ([[+original_url]]).
    • URL ко всем заранее сгенерированным превью ([[+small_url]], [[+medium_url]] и т.д.).
  • Встроенная логика:
    • Фильтрация по текущему ресурсу.
    • Вывод только активных файлов.
    • Вывод в порядке, заданном ручной сортировкой.
    • Опция &debug=1`` для быстрой отладки.

Установка и настройка

  • Автоматическая инсталляция: При установке компонент автоматически создает таблицу в базе, Источник файлов "Gallery3x Source" и необходимые системные настройки.
  • Динамическая привязка: Резолвер автоматически прописывает ID созданного Источника файлов в системную настройку gallery3x.source_id.
  • Глобальная обработка изображений: Все параметры обработки настраиваются централизованно в системных настройках, что позволяет применять их ко всем загружаемым изображениям.
    • Настройка превью: Размеры миниатюр (w, h, fit и т.д.) задаются в свойствах Источника файлов в простом JSON-формате.
    • Формат по умолчанию: Возможность автоматически конвертировать все превью в современные форматы, такие как WebP или AVIF.
    • Фильтры и эффекты: Применение различных фильтров (например, greyscale, blur, pixelate) ко всем превью через строку параметров.
    • Водяной знак: Автоматическое наложение водяного знака на все генерируемые изображения с гибкой настройкой его положения и отступов.