Modals: модальные окна в Joomla 3
- Нотан Ройамов
- Расширения Joomla
- Просмотров: 4068
Обзор плагина Modals для реализации модальных окон в контенте страниц сайта на Joomla 3.x: описание функционала, список возможностей и особенности настройки Modals.
Содержание
- Расширение: Modals
- Категория: контент
- Включает: плагин
- Совместимость: Joomla 3.x
- Версии: бесплатная, платная
- Разработчик: Regular Labs
Вступление и видеообзор
К сожалению, на текущий момент базовый функционал Joomlа 3.x не предусматривает возможность вывода контента в модальных окнах. Вернее, это возможно средствами фреймворка Bootstrap 3, применяемого в шаблонах ядра (Isis, Protostar) и многих других шаблонах от сторонних разработчиков, но это слишком сложно для непросвященных администраторов.
Существует множество сторонних расширений, позволяющих создавать модальные окна в Joomla, и в данном материале мы рассмотри плагин Modals — лучшее в своём роде расширение от разработчика RegularLabs.
Описание плагина Modals
Modals — плагин для Joomla, позволяющий реализовывать модальные окна c любым контентом:
- текст
- материалы и другие внутренние страницы сайта
- внешние страницы
- картинки
- видео
- галереи
Плагин позволяет регулировать размеры и выбирать предустановленное стилевое оформление модальных окон, создавать модальные ссылки присваивая им классы, и многое другое.
Существует бесплатная и платная версия Modals.
Возможности плагина Modals
| Возможности | Free | Pro |
|---|---|---|
Вставка в любом месте Вы можете вставлять модальные ссылки в любой контент, в том числе в модули. | ||
Различные стили Вы можете выбрать подходящий вашему сайту стиль отображения модального окна. | ||
Вставка картинок и видео Вывод зображений, видео и других медиа-элементов в модальных окнах. | ||
| Тег для вставки Для вставки модальных ссылок в любой контент используется простой тег. | ||
Специальный класс для ссылок Возможность создания модальных ссылок присвоением специального класса. | ||
Галереи и слайдшоу Создание галерей через один тег. Добавление функции слайдшоу к галереям. | ||
Автоматические картинки Все картинки с поределенным классом будут открываться в модальном окне по клику. | ||
Пользовательский контент Отображение в модальных окнах определенного содержимого: текста или сразу нескольких видов контента. | ||
Материалы Joomla Вставка и вывод в модальном окне содержимого конкретного материала компонента контента Joomla. | ||
Группы ссылок С помощью тега можно группировать модальные ссылки для обеспечения навигации в модальном окне. | ||
Открытие при загрузке страницы Можно назначить автоматическое открытие модального окна сразу после загрузки страницы. | ||
Автоматическое закрытие Возможность определять время для автоматического закрытия модальных окон. | ||
Внешние ссылки Открытие всех внешних ссылок в модальных окнах. | ||
Target Blank Преобразование всех ссылок с атрибутом target="_blank" в модальные ссылки. | ||
Тип файла Определение типов файлов для отображения в модальных окнах. | ||
URL-адрес Указание в теге URL-адреса страницы, которую необходимо вывести в модальном окне. |
Установка и активация Modals
Скачать плагин можно по этой ссылке (официальный источник).
Установка осуществляется через Менеджер расширений Joomla, или через компонент Regular Labs - Extension Manager.
После установки расширения перейдите в Менеджер плагинов (Расширения → Плагины), найдите плагин System - Regular Labs - Modals и активируйте его, если он отключен.
Настройка плагина Modals
Кликните по названию плагина System - Regular Labs - Modals в Менеджере плагинов.
Рассмотрим настройки в каждой вкладке.
Вкладка Плагин
Здесь вы можете выбрать определенное стилевое оформление для модальных окон, выбрать название класса для автоматической конвертации обычныс ссылок в модальные, а также настраивать опции, доступные в платной версии.
Вкладка Настройки по умолчанию
Здесь регулируются настройки размеров модальных окон. Изменяйте их, только если настройки по умолчанию вас не устраивают.
Вкладка Настройки кнопки редактора
Здесь можно поменять текст на кнопке (по умолчанию Modal), с помощью которой можно вставлять модальные ссылки в контент Joomla, а также включить или выключить кнопку во внешнем интерфейсе.
Вкладка Дополнительные параметры
Здесь можно изменить текст для тега вставки модальных ссылок (по умолчанию modal), поменять символы, окружающие тег (по умолчанию {...}), и осуществить другие настройки.
Добавление модальных окон в контент Joomla
После установки и активации Modals в визуальном редакторе появится кнопка Modals (если вы не изменили название кнопка в настройках плагина или не отключили плагин ).
Чтобы вставить модальную ссылку в контент:
- кликните по кнопке Modals в визуальном редакторе
откроется всплывающее окно с вкладками, определяющими содержимое для вывода в модальном окне:
- URL
- Изображения
- Фото галерея
- Видео
- Материал
- Материалы
- выберите нужный тип содержимого, введите текст модальной ссылки и нажмите Вставить
- в область редактора будет вставлен тег, формирующий модальную ссылку
- сохраните редактируемый элемент и проверьте, открывается ли модальное окно во внешнем интерфейсе Joomla.
