WT Custom menu item banner - плагин имиджевых баннеров как у Луи Виттон (Louis Vuitton) для...

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

Joomla!® CMS — пожалуй, лучшая система управления контентом с открытым исходным кодом

Логотип Joomla

Joomla! — это больше, чем просто программное обеспечение, это люди, включающие разработчиков, дизайнеров, системных администраторов, переводчиков, копирайтеров, и, что самое главное — простых пользователей.

Мы рады пригласить вас в ряды нашего сообщества!

Свернуть

Коротко о главном в Joomla

Новости портала

Новое в блогах

Видео