Центр обучения Joomla
    Модальные окна в Joomla

    Modals: модальные окна в Joomla 3

    Обзор плагина Modals для реализации модальных окон в контенте страниц сайта на Joomla 3.x: описание функционала, список возможностей и особенности настройки Modals.

    Содержание

    1. Вступление и видеообзор
    2. Описание плагина Modals
    3. Возможности плагина Modals
    4. Установка и активация Modals
    5. Настройка плагина Modals
    6. Добавление модальных окон в контент Joomla
    Modals
    Расширение: Modals
    Категория: контент
    Включает: плагин
    Совместимость: Joomla 3.x
    Версии: бесплатная, платная
    Разработчик: Regular Labs

    Вступление и видеообзор

    К сожалению, на текущий момент базовый функционал Joomlа 3.x не предусматривает возможность вывода контента в модальных окнах. Вернее, это возможно средствами фреймворка Bootstrap 3, применяемого в шаблонах ядра (Isis, Protostar) и многих других шаблонах от сторонних разработчиков, но это слишком сложно для непросвященных администраторов.

    Существует множество сторонних расширений, позволяющих создавать модальные окна в Joomla, и в данном материале мы рассмотри плагин Modals — лучшее в своём роде расширение от разработчика RegularLabs.

    Описание плагина Modals

    Modals — плагин для Joomla, позволяющий реализовывать модальные окна c любым контентом:

    • текст
    • материалы и другие внутренние страницы сайта
    • внешние страницы
    • картинки
    • видео
    • галереи
    Страница плагина Modals на сайте Regular Labs

    Плагин позволяет регулировать размеры и выбирать предустановленное стилевое оформление модальных окон, создавать модальные ссылки присваивая им классы, и многое другое.

    Существует бесплатная и платная версия 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 в Менеджере плагинов.

    Настройки плагина Modals

    Рассмотрим настройки в каждой вкладке.

    Вкладка Плагин

    Здесь вы можете выбрать определенное стилевое оформление для модальных окон, выбрать название класса для автоматической конвертации обычныс ссылок в модальные, а также настраивать опции, доступные в платной версии.

    Вкладка Настройки по умолчанию

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

    Вкладка Настройки кнопки редактора

    Здесь можно поменять текст на кнопке (по умолчанию Modal), с помощью которой можно вставлять модальные ссылки в контент Joomla, а также включить или выключить кнопку во внешнем интерфейсе.

    Вкладка Дополнительные параметры

    Здесь можно изменить текст для тега вставки модальных ссылок (по умолчанию modal), поменять символы, окружающие тег (по умолчанию {...}), и осуществить другие настройки.

    Добавление модальных окон в контент Joomla

    После установки и активации Modals в визуальном редакторе появится кнопка Modals (если вы не изменили название кнопка в настройках плагина или не отключили плагин Button - Regular Labs - Modals).

    Чтобы вставить модальную ссылку в контент:

    1. кликните по кнопке Modals в визуальном редакторе

      откроется всплывающее окно с вкладками, определяющими содержимое для вывода в модальном окне:

      • URL
      • Изображения
      • Фото галерея
      • Видео
      • Материал
      • Материалы
    2. выберите нужный тип содержимого, введите текст модальной ссылки и нажмите Вставить
    3. в область редактора будет вставлен тег, формирующий модальную ссылку
    4. сохраните редактируемый элемент и проверьте, открывается ли модальное окно во внешнем интерфейсе Joomla.
    п. 1
    п. 2
    п. 3

    Как быстро разобраться в Joomla?

      Центр Обучения Joomla!

      "Все, что нужно знать о Joomla в одном месте"

      Joomla Последняя версия
      Joomla! — 3.9.1

      Скачать

      Курс "Как создать свой сервис рассылки на Joomla?"

      Чтобы получить бесплатный доступ введите имя и ваш е-маил. Доступ будет выслан на ваш е-маил адрес.

       

      Базовый курс по Joomla 3.9

      В КУРСЕ ВАС ЖДЕТ:

      Видеоуроки по Joomla 3.9

      После уроков вы: зарегистрируете домен и хостинг, установите и правильно настроите CMS Joomla, установите и настроите шаблон, получите понимание как работать с Joomla.

      Лучшие расширения для Joomla

      Вы получите список и описание лучших бесплатных и платных расширений для Joomla.

      Пошаговый процесс создания сайта

      Выполните 22 действия по чек-листу и ваш сайт готов.

      Хостинг в подарок

      3 месяца качественного хостинга в подарок для беззаботного начала работы над своим проектом.
      Введите e-mail для которого нужно выставить доступ к курсу: