WT Custom menu item banner - плагин имиджевых баннеров как у Луи Виттон (Louis Vuitton) для Joomla 4.
Бесплатный плагин позволяет создавать пользовательские баннеры для пунктов меню Joomla 4. Можно использовать адаптивные изображения и адаптивные имиджевые видео. Для вывода используйте пример кода в макете вывода модуля типа "HTML-код" или напрямую в index.php Вашего шаблона.
Возможности плагина
- Поддерживаются адаптивность как изображений, так и видео. Для десктопов (настольные компьютеры, ноутбуки, ТВ) указываете изображение в горизонтальной ориентации. Для мобильных устройств - вертикальной.
- Вы можете указать любое количество брейкпойнтов (диапазонов разрешений экрана, для которых используется то или иное изображение или видео). Используется CSS-синтаксис @media запросов.
- Ленивая загрузка видео-файлов для адаптивных видео-баннеров. Js-скрипт проверяет соответствуют ли указанные видео параметрам экрана и загружает нужное.
Это не решение в 1 клик! Плагин рассчитан на вебмастеров, владеющих HTML, CSS, базово понимающих PHP код и способных его прочесть и понять. Подробнее в видео. На сайте дан пример кода для вывода с подробными комментариями. Адаптируйте его под свои нужды и задачи.
Видео
- 00:24 Как устроены видео баннеры на сайте Луи Виттон (Louis Vuitton).
- 01:33 Видео баннер для десктопов
- 02:07 Видео баннер для мобильных устройств
- 04:32 Имиджевые баннеры с изображениями. Адаптивная графика. На примере бренда одежды Монохром
- 08:11 Демонстрация работы плагина на демо-сайте
- 10:04 Нюансы с атрибутом poster для видео баннеров
- 11:16 Нюансы с автовоспроизведением видео на сайтах и звуковой дорожкой
- 12:50 Демонстрация НЕ адаптивных видео
- 13:48 Демонстрация адаптивной графики в имиджевых баннерах для сайтов Joomla
- 14:35 Как установить и использовать плагин Joomla для имиджевых баннеров
- 16:50 Пример установки и настройки на боевом сайте Joomla 4
- 18:03 Разбор примера кода для вывода баннеров
- 18:28 Вариант установки кода в свой макет модуля типа HTML-код
- 22:04 Вариант установки кода в index.php шаблона Joomla
Скачать плагин
https://web-tolk.ru/dev/joomla-plugins/wt-custom-menu-item-banner.html
Обратная связь и пожелания to @sergeytolkachyov
