Modx revo - галерея color box і її установка

Modx revo - галерея color box і її установка

Тим часом, при правильній установці плагіна jQuery colorbox (галерея на jQuery) цілком можливо встановити працездатну галерею. Що необхідно для установки галереї?

Для початку встановіть MODx, якщо Ви цього ще не зробили. Потім встановіть пакет Galery через "Сиситема" -> "Управління пакетами" -> "Завантажити додаток" -> "За популярністю" -> "Galery" -> "Завантажити" -> "Пакети" -> "Встановити" -> "Продовжити ".

Зараз потрібно створити кілька галерей на вкладці "Компоненти" - "Галерея". Зайти в альбом і завантажити зображення, потім обов'язково зберегти його!

Після цього потрібно змінити стандартні чанкі галереї (вкладка "Елементи", підрозділ дерева "Чанкі").

Чанкі "GalleryAlbumTpl"

Перший відповідає за виведення розділів всіх альбовомов:

Чанкі "GalAlbumRowTpl"

Другий чанк відповідає за виведення і відображення окремих альбомів:

Чанкі "GalItemThumb"

Третій чанк відповідає за виведення окремого зображення з певного альбому:

Сторінка виведення попередніх чанкі

Шаблон виведення фрагментів галереї (для прикладу звичайна стрінца HTML):

Буде відображена помилка "Warning: Invalid argument supplied for foreach () in /var/www/jquery/data/www/37.230.112.175/modx/core/cache/includes/elements/modsnippet/1.include.cache.php on line 106 Fatal error: Can not use string offset as an array in /var/www/jquery/data/www/37.230.112.175/modx/core/cache/includes/elements/modsnippet/1.include.cache.php on line 165 "

Особливу увагу приділіть полю [[* galery_name]], воно необхідне для виведення галереї котороя вказана в додатковому полі (TV) для кожної статті, замість нього Ви можете написати назву галереї, яку тільки-що створили.

Особливу увагу приділіть полю [[* galery_name]], воно необхідне для виведення галереї, котороя вказана в додатковому полі (TV) для кожної статті, замість нього Ви можете написати назву галереї, яку тільки-що створили. Додаткове поле "galery_name" TV необхідно створити самостійно, на вкладці "Елементи", якщо Ви хочете вказувати галерею для кожної статті, якщо будете прописувати назву галереї вручну, то создовать TV не треба.

За замовчуванням в MODX відсутня папка templates. Її потрібно створити і завантажити в неї такі файли:
  • colorbox.css
  • jquery.colorbox-min.js
  • jquery.lazyload.mini.js

Додатки "slimbox" або "galleryfic"

Якщо вим необхідно використовувати плагіни "slimbox" або "galleryfic", то потрібно оновити чанк "GalItemThumb", в котрому ми просто змінюємо парметр rel на "ligh tbox", наприклад для "slimbox"

Соотвественно необхідно змінити наш з вами основний шаблон:

Зверніть увагу не потрібно самостійно прописувати шлях для js і css файлів необхідних для роботи галереї "slimbox", так як Компоннт Galery самостійно зробить це за нас.

Підсумок нашої з Вами роботи буде виглядати приблизно так, в залежності від плагіна:

Demo Album 1 - Description

Modx revo - галерея color box і її установка

Modx revo - галерея color box і її установка

Modx revo - галерея color box і її установка

Demo Album 1 - Description

Modx revo - галерея color box і її установка

Modx revo - галерея color box і її установка

Modx revo - галерея color box і її установка

Допоможіть будь ласка з вирішенням даної проблеми

Олександр підкажіть плиз, варто modx 2.2.4 + gallery 1.5.2. робив все як у вас в інструкції, але якщо вставляти код галереї з поля "Сторінка виведення попередніх чанкі", то галерея не запускається, але спрацьовує якщо тупо вбити [[! Gallery? album = `svai` plugin = `slimbox`]]. Картинки з'являються, але при натисканні відкриваються в тому ж вікні (тобто тупо переходить поссилке на картинку) Тобто слімбокс чомусь не працює, з чим може бути пов'язано?

Спробуйте так: Подивіться чи немає на сторінці вже jQuery, плагін підключає всі файли автоматом! Я сьогодні оновив статтю в останньому розділі наведено приклад slimbox!

Перше що спало на думку змінити \ core \ components \ gallery \ model \ gallery \ galitem.class.php додавши перед 336 рядком "$ items = $ modx-> getCollection ( 'galItem', $ c);" код: Тобто виводяться всі зображення батьківської галереї і дочірньої! Чи не перевіряв як буде якщо в дочірньої буде ще дочірні галереї! Дивно як у Вас вийшло вкласти в дочірні галереї ще галереї, - допускається начебто два рівня вкладеності галерей.

Костянтин

Вітаю! Підкажіть, будь ласка, як для картинки вивести alt і title. Використовував чанк для виведення окремого зображення "GalItemThumb"

[[+ Image]] "rel =" colorbox "title =" [[+ description]] [[+ name]]
Все працює, але підписи до картинки не виникає. Звернув увагу, що у вашій галереї є підпис картинок. Яким чином це реалізовано? І звідки береться [[+ name]]? Створюється додатковий TV або витягується ім'я картинки, завантаженої в галерею? Перепрошую за велику кількість питань) Заранее спасибо!

Костянтин

Перепрошую, код вставив криво)

Доброго дня, все супер працює, спасибі. Є один нюанс, питання. У мене не працює розкриття в картинки в тій же сторінки для батьківського каталогу та для його дочірніх сторінок. Для сторінок сайту з однієї вкладеністю, все працює добре. У чому може бути проблема підкажіть будь ласка

У вас на одній сторінці jQuery підключений двічі. Потрібно прибрати один. Повинно бути приблизно так:

Питання не актуальне, розібрався сам: потрібно всього лише на-всього, якщо використовуєш батьківські і досерніе директорії, прописувати шляху з css, jquery так: / assets а не так assets. Вся проблема в одному /. Дякую за галерею, поки будуть такі програмісти, як Александер, які допомагають людям, все в інтернеті у нас буде добре.

Схожі статті