[Modx Evo] MultiPhotos как установить и настроить
Большое спасибо Temus за этот плагин, вот легкая инструкция по его установке и настройке.
Качаем последнюю версию, либо устанавливаем через Extras (инструкция ниже).
1. Создаeм TV, тип textarea с называем photos
2. Создаем плагин MultiPhotos (Элементы - Управление элементами - Плагины - Создать новый). Копируем содержимое из скаченного файла в тело плагина, на вкладке системные события ставим галочки на OnDocFormRender и OnBeforeDocFormSave. В конфигурацию прописываем:
&tvIds=TV Ids;text;5 &templ=Template;text; &role=Role;text; &resize=Resize: enable;list;true,false;true &crop=Resize: cropping;list;true,false;true &prefix=Resize: prefix;text;s_ &th_width=Resize: width;text;300 &th_height=Resize: height;text; &auto_big=Resize: auto big img;list;true,false;true &auto_small=Resize: auto small img;list;true,false;false &w=Preview: width;text; &h=Preview: height;text; &thumbUrl=PHPThumb URL;text;
где TV Ids - ID созданного TV, width - ширина маленькой картинки
3. Создаем сниппет MultiPhotos, копируем в него текст из файла.
4. На страницу, куда надо вывести геллерею пишем
[
5. Создаем чанк mphotos с таким содержанием:
<a href="[
6. Можно подключить библиотеки, для того, что бы при нажатии, открывалась большая картинка на этой же странице.
для этого
чанк исправляем на это:
<a href="[
скачиваем пакет fancybox, закачиваете на сайт нужные файлы и прописываем в шапке пути к файлам, тут инструкция под заголовком настройка evogallery
На странице редактирования добавляем фото только в поле ПУТЬ.
Если у вас утановлен Store, то все проще
1. Преходите в Store и устанавливаете MultiPhotos
2. Включаем плагин MultiPhotos, заполняем Конфигурацию
3. Далее пункт 4,5
все
ПАРАМЕТРЫ
[+link+] большое изображение
[+url+] маленькое изо
[+title+] название изо
ШАБЛОНЫ
по умолчанию такие
&outerTpl
<div class="thumbs">[+photos+]</div>
&rowTpl
<a href="[+link+]" id="thumb_[+num+]"><img src="[+url+]" alt="" title="[+title+]" /></a>