Работаю по всей России

vasilisa1210@mail.ru

Главная » Уроки » Уроки по Modx Evo » [Modx Evo] MultiPhotos как установить и настроить

[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. На страницу, куда надо вывести геллерею пишем

[[MultiPhotos? &tvname=`photos` &rowTpl=`mphotos`]]

5. Создаем чанк mphotos с таким содержанием:

<a href="[+link+]" title="[+title+]"><img src="[+url+]" alt="[+title+]" /></a>

6. Можно подключить библиотеки, для того, что бы при нажатии, открывалась большая картинка на этой же странице.

для этого

чанк исправляем на это:

<a href="[+link+]" title="[+title+]" class="fancybox" rel="gallery1"><img src="[+url+]" alt="[+title+]" /></a>

скачиваем пакет 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>



x