Как создать фотогалерею LightboxMG mini gallery MultiTV для MODx Evo

В данной статье-уроке рассматривается нижеприведенный пример создания адаптивной фотогалереи LightboxMG mini gallery MultiTV для MODx Evo.


Фото 1
Фото 2
Фото 3
Фото 4
Фото 5
Фото 6
Фото 7
Фото 8
Фото 9


1. В системе должен быть установлен сниппет MultiTV, если он у Вас не установлен, инструкцию можно прочитать здесь, и на этой же странице можно скачать дистрибутив сниппета.

2. Скачать дистрибутив галереи LightboxMG mini gallery MultiTV можно здесь.

3. Установите LightboxMG mini gallery MultiTV через PackageManager. Как установить PackageManager и скачать дистрибутив можно здесь.

4. В ходе установки установщиком были созданы чанк lightboxmg-jscss и tv-параметр lightboxmg.

5. Создайте шаблон LightboxMG mini gallery MultiTV. В код шаблона перед закрывающим </body> добавьте

{{lightboxmg-jscss}}

6. Назначьте tv-параметр lightboxmg созданному шаблону LightboxMG mini gallery MultiTV.

7. Создайте ресурс с шаблоном LightboxMG mini gallery MultiTV для вывода фотогалереи. Добавьте в этот ресурс вызов сниппета MultiTV:

[[multiTV? &tvName=`lightboxmg` &display=`all`]]

8. Внизу ресурса должна появиться группа tv-параметров для данной галереи.

9. Добавьте несколько изображений и тексты в поля. Фото можно скачать здесь

10. Обновите страницу, на которой должна быть выведена галерея. 

11. Стили оформления галереи правим в css-файлах из папки assets/templates/common/js/lightboxmg/css.

Источник:
http://www.tattoocms.it/extras/multitvs/lightboxmg-multitv-modx-evolution.html