Внимание! Важная информация!

ТОЛЬКО СЕГОДНЯ СКИДКА НА ВСЕ ШАБЛОНЫ 30%

код купона: sales30

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

Сменить домен Переезжаете? Заполните форму!
Документация по работе с шаблонами
Личный кабинет
Узнайте Вашу скидку!

Режим работы технической поддержки

понедельник-пятница: 11:00 - 17:00
суббота-воскресенье:
выходной В выходные дни обрабатываются только экстренные случаи. Не критические обращения будут рассмотрены согласно регламенту в первый рабочий день
Отдел продаж нет на связи Извините, в данный момент никто не сможет ответить на Ваш звонок
База знаний Уроки по работе с Joomla 3
Заказать сайт Хотите уникальный сайт?

Мы рекомендуем хостинг

300x250 7

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

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

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

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

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

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

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

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

Теперь будем настраивать именно это всплывающее окно. Как видите, тут можно задать размер модального окна, показывать иконку или нет и т.д. Мы остановимся только на настройке Тип медиа. Тут мы выбираем Внешние ссылки/Iframe (это позволит нам отобразить сообщение благодарности в этом же окне). Еще вы можете обратить внимание, что проставить можно очень много типов медиа,  с этими типами можете поэкспериментировать самостоятельно.

Открытие всплывающего (модального) окна при загрузке страницы Joomla 3 автоматически

Дополнительно хочется поговорить об автоматическом всплывании формы при загрузке страницы. Такой функционал тоже бывает необходим. Для этого в настройках всплывания JCE MediaBox есть специальное поле Авто-окна. В этой настройке есть 2 типа:

  • Одинарные - если выбрать этот пункт, то окно всплывет при загрузке этой страницы только 1 раз для 1 пользователя. Т.е. человек переходит на страницу, на которой расположена ссылка на форму, и это всплывающее окно появляется автоматически после загрузки страницы. То что окно всплыло хранится в сессии браузера пользователя, и пока сессия браузера хранится, окно больше не всплывет для этого пользователя.
  • Постоянные - если выбрать этот пункт, то окно будет всплывать ВСЕГДА, когда пользователь открывает страницу, на которой расположена ссылка на эту форму. Ни в какие сессии не сохраняется.. (обратите внимание на то, что такое всплывание может раздражать пользователей)

Обратите внимание на эти статьи

Оставить отзыв


Защитный код Обновить

Последние новости Joomla-ZONE.ru

Ключевое ?лово
Корзина пуста