Учиться надо не на своих, а на чужих ошибках /Золотая книга руководителя/


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

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


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


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

2. Скачайте дистрибутив галереи PgwSlideshow MultiTV по этой ссылке.

3. Установите PgwSlideshow MultiTV через PackageManager. Как установить PackageManager и скачать дистрибутив можно по ссылке.

4. В ходе установки установщиком были созданы чанки pgw-css и pgw-js, а также tv-параметр pgw.

5. Создайте шаблон PgwSlideshow MultiTV. В код шаблона добавьте следующий код:

– в теге <head> {{pgw-css}}

– перед закрывающим </body> {{pgw-js}}

6. Назначьте tv-параметр pgw созданному шаблону PgwSlideshow MultiTV.

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

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

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

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

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

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

Дистрибутив адаптивной галереи PgwClideshow в исходном варианте от разработчика можно скачать на странице PgwSlideshow (адаптивный слайдер)

Документация по скрипту PgwSlider

по адресу http://pgwjs.com/pgwslideshow