Slideshow (Uikit 2)

Модуль создан на фреймворке Uikit 2. Не содержит собственных скриптов и стилей, использует базовые возможности фреймворка.

В слайдах может использовать пользовательский контент, который можно загрузить в соответствующей вкладке админки модуля.

Так же можно в соответствующем поле указать ID материалов, и в слайдах будет использоваться контент (изображение, заголовок, текст) соответствующих материалов.

Ниже продемонстрированы варианты вывода модуля с описанием соответствующих настроек (только часть, основные) для конкретного варианта.  В самом низу - скриншоты админки модуля.

Вариант 1

Настройки

• Autoplay - да
• Animation - scroll
• Provider - custom (пользовательский набор слайдов)
• Content position - центр
• Title animation - slide-left
• Description animation - slide-bottom
• Link type - full image (ссылка - весь блок)
• Indication - inside (индикаторы внутри блока)

Вариант 2

Настройки

• Autoplay - да
• Animation - swipe
• Provider - articles (материлы )
• Articles Id list - (10,14,12)
• Content position - центр
• Title animation - scale-up
• Description animation - slide-right
• text size - 120 (кол-во символов в описании)
• Link type - button
• Indication - outside
• ... не закончено ...

Вариант 3

Настройки

• Autoplay -да
• Animation - scale
• Provider - custom (пользовательский набор слайдов)
• Content position - справа
• Content width - 250px
• Indication - none
• ...

Вариант 4

Настройки

• Autoplay - да
• Animation - scroll
• Provider - articles (материлы )
• Content position - снизу
• Indication - inside
• ...

Административная панель

На скриншотах приведены вкладки админ. панели модуля. Вкладки Доп.параметры, Привязка к пунктам меню и пр. - стандартные для всех модулей. 

Во вкладке Доп. параметры необходимо выбрать:

Альтернативный макет - Slideshow

// add scripts
....
$this['asset']->addFile('js', 'warp:vendor/uikit/js/components/slideshow.js');