Создание всплывающего (модального) окна Joomla 3: как создать всплывающее окно с помощью плагина JCE Media Box

Опубликовано: 04.12.2018

видео Создание всплывающего (модального) окна Joomla 3: как создать всплывающее окно с помощью плагина JCE Media Box

Создание всплывающего окна. Самые оптимальные способы

Сегодня практически на каждом сайте можно встретить всплывающие (модальные) окна, которые содержат разнообразную информацию и существенно уменьшают количество контента на странице. Очень удобный функционал. В этой статье я расскажу, как создавать всплывающие (модальные) окна в Joomla 3 на примере функции " Заказать звонок "


Создание всплывающего окна при закрытии страницы

Существует много различных решений для создания всплывающих окон, но сегодня мы поговорим о плагине JCE Media Box . Он установлен по умолчанию во всех наших шаблонах (скачать его можно бесплатно с оф. сайта JCE).

C помощью этого плагина мы сможем оставить сообщение благодарности после отправки формы в этом же всплывающем окне, что бывает просто необходимо. Поэтому, для реализации всплывающих окон, мы выбрали именно этот плагин.


создание всплывающего окна

Начнем с того, что настроим сам плагин. Для этого перейдем Расширения/Менеджер плагинов и выберем плагин System - JCE MediaBox . И настраиваем как нужно. Настроек достаточно много и все они достаточно хорошо описаны, поэтому на этом останавливаться я не буду.

После того, как выбрали все нужные настройки Сохраняем и переходим к элементу (ссылке, кнопке, изображению), при клике на который должно открываться всплывающее окно .

Я делаю функцию "Заказать звонок", поэтому подразумеваем, что у меня уже создана и настроена форма заказа звонка (у меня она в сделана в компоненте RS Form), а так же для нее создан пункт меню.

Задаем элементу (как задавать ссылки я описал в предыдущей статье ). Выбираем нужный пункт меню, а далее переходим на вкладку Всплывающие окна , на которой выбираем именно JCE MediaBox Popup .