MultiPhotos

Опубликовано: 06 Авг 2017

Качаем последнюю версию, либо устанавливаем через 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, закачиваете на сайт нужные файлы и прописываем в шапке пути к файлам. На странице редактирования добавляем фото только в поле ПУТЬ.

Если у вас утановлен Store, то все проще

1. Преходите в Store и устанавливаете MultiPhotos

2. Включаем плагин MultiPhotos, заполняем Конфигурацию

3. Далее пункт 4,5 все ПАРАМЕТРЫ

[+link+] большое изображение

[+url+] маленькое изо

[+title+] название изо

ШАБЛОНЫ по умолчанию такие &outerTpl

&outerTpl
<div class="thumbs">[+photos+]</div>

&rowTpl
<a href="[+link+]" id="thumb_[+num+]"><img src="[+url+]" alt="" title="[+title+]" /></a>

 

Комментарии (0)


Оставить комментарий




Разрешённые теги: <b><i><br>Добавить новый комментарий: