Модуль слайдера изображений и контента на Bootstrap carousel для Joomla 4 и 5. Поддерживает Bootstrap 4 и 5, адаптивные изображения, произвольный HTML в слайдах и кнопку призыва к действию.
WT Bootstrap image slider выводит на сайте Joomla карусель из изображений или произвольного HTML-содержимого. Слайдер не подключает сторонних библиотек: все его возможности — это возможности компонента Carousel из Bootstrap 4 и Bootstrap 5. Для разных экранов можно задать разные изображения, а в каждый слайд добавить заголовок, подзаголовок и кнопку со ссылкой на нужный раздел сайта.
Возможности
- Неограниченное количество слайдов.
- Настройка элементов управления: стрелки и индикаторы.
- Эффект перекрёстного растворения (crossfade, с Bootstrap 4.1).
- Время показа — общее для всех слайдов или своё для каждого (с Bootstrap 4.2.1).
- Заголовок и подзаголовок слайда; в них можно использовать HTML-теги из белого списка Joomla.
- Кнопка призыва к действию: текст, ссылка, CSS-классы кнопки, JS-цели для веб-аналитики.
- Слайды типа «Произвольный HTML»: любой HTML-код, а также содержимое контент-плагинов.
- Адаптивные изображения в карусели.
- Собственные макеты вывода модуля.
- URL списка изменений: перед обновлением изменения новой версии видны прямо в панели администратора Joomla.
Адаптивные изображения
Для каждого диапазона разрешений экрана готовится своё изображение, а браузер сам выбирает, какое из них подходит устройству посетителя. Например, на компьютерах уместна горизонтальная картинка в пропорции 16:9, а на телефонах — вертикальная 9:16. Модуль выводит такие изображения через HTML5-тег <picture>: в настройках для каждого изображения указывается @media-запрос в стандартном синтаксисе CSS.
Типы ссылок для кнопки
Если в слайде включена кнопка призыва к действию (CTA), ссылку для неё можно выбрать из восьми типов:
- категория JoomShopping;
- категория VirtueMart;
- категория Phoca Cart;
- категория материалов Joomla;
- отдельный материал Joomla;
- пункт меню;
- файл;
- произвольная ссылка.
Совместимость и требования
- Joomla 4 и 5 (с версии 2.0.0 модуль написан по архитектуре Joomla 4/5).
- Стили Bootstrap 4 или Bootstrap 5 в шаблоне сайта. Для макета bootstrap5 скрипт карусели модуль подключает сам через Web Asset Manager Joomla; макет bootstrap4 использует скрипты Bootstrap 4 и jQuery из шаблона.
- Модуль протестирован на PHP 8.1.
