Галерея на modx

Отже, вам потрібна галерея на MODx revo (приклад внизу сторінки) і ви ставите попросив як її сдалть. Окей, рішення представлено в цій статті. Приступимо.

Для того щоб галерея працювала коректно нам потрібно:

  1. Встановити пакет Gallery
  2. створити альбом
  3. відредагувати чанкі
  4. відредагувати шаблон
  5. Прикріпимо необхідні файли
  6. Створити 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. вообщем фалового структура повинна бути як на картинці нижче.

Галерея на modx

Створюємо TV-параметр

Тепер створюємо TV-параметр c назвою "galery_name", вибираємо "galerryalbumlist" у вкладці "Параметри введення". На вкладці "доступно для шаблонів" відзначаємо потрібні шаблони, де ви на попередніх пунктах вставляли код [[! Gallery? album.

Включаємо галерею в документі

Нарешті тепер заходимо в документ, де буде відображатися галерея і у вкладці "додаткові поля" вибираємо галерею і зберігаємо документ. За ідеї все має працювати, Хоча.

Можливі помилки і незграбні методи вирішення:

Може не підхоплювати ім'я TV-параметра галереї, тоді прописати назву на жорстку в шаблоні [[! Gallery. - знаходимо

і замінюємо його на стару назву котре дали альбому.

Може не підхоплювати CSS. тоді треба "на жорстку" прописати клас в чанка galAlbumRowTpl і \ або galItemThumb.

Схожі статті