Отже, вам потрібна галерея на MODx revo (приклад внизу сторінки) і ви ставите попросив як її сдалть. Окей, рішення представлено в цій статті. Приступимо.
Для того щоб галерея працювала коректно нам потрібно:
- Встановити пакет Gallery
- створити альбом
- відредагувати чанкі
- відредагувати шаблон
- Прикріпимо необхідні файли
- Створити TV-параметр
Установка пакета і створення шаблону
Перше, що нам потрібно зробити - встановити пакет Gallery. Система -> управління пакетами.
Після установки в меню MODx (смужка зверху в адмінці) з'являється пункт "Компоненти", наводимо курсорчік на цей пункт і заходимо в налаштування галереї.
Створимо альбом, не можна не відзначити дві галочки - "Активний", "Видимий".
Завантажте ваші зображення в галерею.
редагуємо чанкі
Тепер я б порекомендував відредагувати чанк galItemThumb. помістивши в нього наступний код:
Чанк galAlbumRowTpl залишимо без змін.
редагуємо шаблон
Всередину шаблону, в якому буде відображатися галерея пишемо (або копіюємо :)) код:
[[! Gallery? album = `[[* galery_name]]` checkForRequestTagVar = `1` toPlaceholder = `Gallery` useCss = `0` containerTpl = `GalleryAlbumTpl` thumbWidth = `140` thumbHeight = `100` thumbTpl = `GalItemThumb` imageWidth = `800` imageHeight = `800`]]
[[+ Gallery]]
Прикріплюємо необхідні файли
Також в шаблоні, або в вашому чанка header (що по суті одне і теж :)) вставляємо шляху скриптів і css стилів:
Ще потрібно завантажити декілька зображень - їх можна скачати за посиланням. ВАЖЛИВО! Для того щоб CSS нормально підчепив зображення їх потрібно розмістити в "сусідню папку" з colorbox.css. вообщем фалового структура повинна бути як на картинці нижче.
Створюємо TV-параметр
Тепер створюємо TV-параметр c назвою "galery_name", вибираємо "galerryalbumlist" у вкладці "Параметри введення". На вкладці "доступно для шаблонів" відзначаємо потрібні шаблони, де ви на попередніх пунктах вставляли код [[! Gallery? album.
Включаємо галерею в документі
Нарешті тепер заходимо в документ, де буде відображатися галерея і у вкладці "додаткові поля" вибираємо галерею і зберігаємо документ. За ідеї все має працювати, Хоча.
Можливі помилки і незграбні методи вирішення:
Може не підхоплювати ім'я TV-параметра галереї, тоді прописати назву на жорстку в шаблоні [[! Gallery. - знаходимо
і замінюємо його на стару назву котре дали альбому.
Може не підхоплювати CSS. тоді треба "на жорстку" прописати клас в чанка galAlbumRowTpl і \ або galItemThumb.