UNITE Gallery - модуль генерации галереи картинок из допполей (Плагин для DLE 13 и выше)

Данный модуль подключает в шаблон сайта JS плагин unitegallery
В комплекте идет инструкция по настройке и готовый шаблон вывода 10 картинок.

Что такое Unite Gallery

Unite Gallery - это многоцелевая галерея jаvascript, основанная на библиотеке jquery. Он построен с модульной техникой с акцентом на простоту использования и настройки. Очень легко настроить галерею, изменить ее скин с помощью CSS и даже написать собственную тему. Тем не менее, эта галерея очень мощная, быстрая и имеет большинство современных функций, таких как отзывчивость, сенсорное управление и даже функция масштабирования, это уникальный эффект.

Особенности

Примеры "живой" галереи

А в админке картинки добавлены следующим образом

Демо на странице http://demo.tcse-cms.com/o-skripte/4-unite-gallery-by-tcse.html

Обязательным условием работы плагина UNITE Gallery и дополнительных полей типа "Галерея" является наличие плагина Ссылки картинок с дополнительного поля типа Галерея от lazydev.pro
В архиве с модулей есть готовый шаблон для вывода галереи картинок. Но вам необходимо предварительно создать новое дополнительное поле
В разделе Дополнительные поля новостей

Остальные параметры дополнительного поля по своему усмотрению.

Подключение модуля в шаблон сайта

В главном шаблоне сайта main.tpl перед загрывающим тегом добавить код






Для активации галереи необходимо в главном шаблоне сайта main.tpl перед загрывающим тегом добавить код



{* активация плагина unitegallery *}


Картинка для наглядности - структура стилей и скриптов в шаблоне DLE

Примеры

В шаблоне полной новости (fullstory.tpl) в нужном месте добавить код для вывода готовой галереи


[xfgiven_manyfotos]
{include file="assets/unitegallery/tpl/showfull-xfields.tpl"}
[/xfgiven_manyfotos]


Данный код отобразит готовую галерею картинок загруженную через дополнительное поле с именем manyfotos.
Если же доп.поле пустое - то данный блок не будет загружен в шаблоне полной новости.

Скачать модуль

[attachment=29:TCSE_unitegallery_v1.0.0_dle13.3.zip]
Копия модуля от lazydev.pro
[attachment=30:ssylki-kartinok-s-dopolnitelnogo-polja-tipa-galereja-dle-133-.xml]

Обратите внимание:

Плагин корректно работает в шаблона основанных на фреймворке Bootstrap
На данный момент времени это одно из самых популярных решений в сети.
статистика Technologies > jаvascript Libraries

2022-04-12

Пример кода для DLE 15.1 теперь не требуется дополнительные плагины!
заменить содержимое {THEME}/assets/unitegallery/tpl/showfull-xfields.tpl
на

	



		[xfgiven_manyfotos image="1"]
			
		[/xfgiven_manyfotos image="1"]

		[xfgiven_manyfotos image="2"]
			
		[/xfgiven_manyfotos image="2"]

		[xfgiven_manyfotos image="3"]
			
		[/xfgiven_manyfotos image="3"]

		[xfgiven_manyfotos image="4"]
			
		[/xfgiven_manyfotos image="4"]

		[xfgiven_manyfotos image="5"]
			
		[/xfgiven_manyfotos image="5"]

		[xfgiven_manyfotos image="6"]
			
		[/xfgiven_manyfotos image="6"]

		[xfgiven_manyfotos image="7"]
			
		[/xfgiven_manyfotos image="7"]

		[xfgiven_manyfotos image="8"]
			
		[/xfgiven_manyfotos image="8"]

		[xfgiven_manyfotos image="9"]
			
		[/xfgiven_manyfotos image="9"]

		[xfgiven_manyfotos image="10"]
			
		[/xfgiven_manyfotos image="10"]
		

	

Сами файлы шаблонов вывод галерей
[attachment=90:showfull-xfields.tpl для DLE 15.1]
[attachment=98:showfull-xfields.tpl для DLE 15.2 - 16.0]
Теперь работает отображение описания к каждой отдельной картинке

и на сайте


Репозиторий плагина
https://github.com/tcse/DLE-UNITEGallery
Примеры вывода галерей в разных стилях

подключить темы

и дописать скрипты активации

{* активация плагина unitegallery *}

Пример кода для шаблона DLE 16

	



		[xfgiven_manyfotos image="1"]
			
		[/xfgiven_manyfotos image="1"]

		[xfgiven_manyfotos image="2"]
			
		[/xfgiven_manyfotos image="2"]

		[xfgiven_manyfotos image="3"]
			
		[/xfgiven_manyfotos image="3"]

		[xfgiven_manyfotos image="4"]
			
		[/xfgiven_manyfotos image="4"]

		[xfgiven_manyfotos image="5"]
			
		[/xfgiven_manyfotos image="5"]

		[xfgiven_manyfotos image="6"]
			
		[/xfgiven_manyfotos image="6"]

		[xfgiven_manyfotos image="7"]
			
		[/xfgiven_manyfotos image="7"]

		[xfgiven_manyfotos image="8"]
			
		[/xfgiven_manyfotos image="8"]

		[xfgiven_manyfotos image="9"]
			
		[/xfgiven_manyfotos image="9"]

		[xfgiven_manyfotos image="10"]
			
		[/xfgiven_manyfotos image="10"]

		[xfgiven_manyfotos image="11"]
			
		[/xfgiven_manyfotos image="11"]

		[xfgiven_manyfotos image="12"]
			
		[/xfgiven_manyfotos image="12"]

		[xfgiven_manyfotos image="13"]
			
		[/xfgiven_manyfotos image="13"]

		[xfgiven_manyfotos image="14"]
			
		[/xfgiven_manyfotos image="14"]

		[xfgiven_manyfotos image="15"]
			
		[/xfgiven_manyfotos image="15"]

		[xfgiven_manyfotos image="16"]
			
		[/xfgiven_manyfotos image="16"]

		[xfgiven_manyfotos image="17"]
			
		[/xfgiven_manyfotos image="17"]

		[xfgiven_manyfotos image="18"]
			
		[/xfgiven_manyfotos image="18"]

		[xfgiven_manyfotos image="19"]
			
		[/xfgiven_manyfotos image="19"]

		[xfgiven_manyfotos image="20"]
			
		[/xfgiven_manyfotos image="20"]