Создание всплывающего (модального) окна Joomla 3: как создать всплывающее окно с помощью плагина JCE Media Box
Опубликовано: 12.10.2017
Сегодня практически на каждом сайте можно встретить всплывающие (модальные) окна, которые содержат разнообразную информацию и существенно уменьшают количество контента на странице. Очень удобный функционал. В этой статье я расскажу, как создавать всплывающие (модальные) окна в Joomla 3 на примере функции " Заказать звонок "
Существует много различных решений для создания всплывающих окон, но сегодня мы поговорим о плагине JCE Media Box . Он установлен по умолчанию во всех наших шаблонах (скачать его можно бесплатно с оф. сайта JCE).
C помощью этого плагина мы сможем оставить сообщение благодарности после отправки формы в этом же всплывающем окне, что бывает просто необходимо. Поэтому, для реализации всплывающих окон, мы выбрали именно этот плагин.
Создание кнопок и всплывающего окна в Adobe Muse lesson muse button
Начнем с того, что настроим сам плагин. Для этого перейдем Расширения/Менеджер плагинов и выберем плагин System - JCE MediaBox . И настраиваем как нужно. Настроек достаточно много и все они достаточно хорошо описаны, поэтому на этом останавливаться я не буду.
ОЧЕНЬ красивое модальное окно на CSS за 1 минуту
После того, как выбрали все нужные настройки Сохраняем и переходим к элементу (ссылке, кнопке, изображению), при клике на который должно открываться всплывающее окно .
Я делаю функцию "Заказать звонок", поэтому подразумеваем, что у меня уже создана и настроена форма заказа звонка (у меня она в сделана в компоненте RS Form), а так же для нее создан пункт меню.
Задаем элементу (как задавать ссылки я описал в предыдущей статье ). Выбираем нужный пункт меню, а далее переходим на вкладку Всплывающие окна , на которой выбираем именно JCE MediaBox Popup .