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