Создание адаптивных всплывающих окон для Joomla
EV Easy Modal - это расширение Joomla, которое позволяет легко и быстро создавать красивые модальные всплывающие окна. Нет необходимости изучать сложные библиотеки javascript и JQuery. Просто и эффективно.
UPDATE - Добавлено более 40 новых переходов (Pro)
См. новые Joomla Popup Transitions
UPDATE - Добавлены новые функции (Pro)
Exit Intent Popup
(Не для Mobile. Подождите 3 секунды, затем попробуйте закрыть вкладку Демонстрация)
Показать всплывающее окно при прокрутке страницы
(Прокрутите страницу вниз, чтобы увидеть Всплывающее Demo. Любой угол/любой возможный уровень прокрутки.)
Показать модуль во всплывающем ок
(Нажмите, чтобы увидеть модуль входа в popup. Demo )
Новые встроенные шаблоны
Настройка таргетинга.
Показывать на мобильных телефонах или компьютерах или показывать на всех устройствах
Всок размещения.
По центру, вверху слева, сверху справа, внизу слева, внизу справа
С фоновым наложением или без него
Demo Link - Бесплатная версия - NON Responsive
Простое всплывающее окно при загрузке страницы
Это простой пример всплывающего окна. Вы можете ввести любой HTML-контент по вашему выбору, и он будет отображаться при загрузке страницы. В бесплатной версии вы можете делать только не отвечающие всплывающие окна. Пожалуйста, проверьте демонстрации версии PRO для адаптивных всплывающих окон.
Demo Links - PROVersion - Responsive
ProExample One - При загрузке страницы
С версией Pro вы получаете 4 дополнительных стиля. Вы можете выбрать один из них. В специальных тегах также можно писать css и javascript. В отличие от демонстраций ниже, это всплывающее окно отображается как «фиксированный» div.
Пример второй Pro — при загрузке страницы
У вас доступно больше источников данных, кроме HTML. Это видео показано с помощью IFRAME. Вы можете указать URL-адрес для получения контента напрямую, выбрать статью Joomla для отображения во всплывающем окну или использовать поле textarea, чтобы обойти все ограничения WYSIWYG editor.
Pro Пример третий - При загрузке страницы
Это пользовательское всплывающее окно HTML с пользовательскими стилями, определенными во всплывающем HTML-файле с помощью тега html 'style'. Вот почему это всплывающее окно показывает совершенно другой стиль, чем наш шаблон сайта. Другое дело. Это всплывающее окно можно закрыть только с помощью кнопки внутри всплывающего окна. Мы написали
jQuery.colorbox.close();
в атрибуте onclick этой кнопки, чтобы дать вам представление. Вы не ограничены и можете использовать свои передовые знания во всплывающем html.
Откройте всплывающее окно при щелчке ссылки или пункта меню Пример четыре
Вместо отображения всплывающего окна при загрузке страницы в этом примере показана отдельная страница со ссылкой для отображения всплывающего окна.
Pro Пример Пять Фиксированный Всплывающие окна - При загрузке страницы
Это всплывающее окно похоже на приведенный выше пример три, но имеет фиксированное положение.
Как пользоваться?
- Установить расширение
- Создать всплывающее окно. Есть различные опции на экране всплывающих деталей. Pro Version имеет более мощные опции.
- Просмотр всплывающего окна во фронтенде при загрузке страницы.
Сравнение функций
- Стандартная версия
- Цена: Бесплатно
- Легкое создание всплывающих окон
- Автоматическое всплывающее окно при загрузке страницы
- Не нужно изучать сложные библиотеки Javascript и JQuery
- Полный HTML-контент, включая скрипты и стили
- Настраиваемая высота и ширина
- Неограниченное количество всплывающих окон
- Pro Version
- GBP 29
- Все возможности бесплатной версии плюс следующие
- Больше всплывающих источников
- 5 встроенных стилей
- Свободное текстовое поле для быстрого вырезания
- Показывать всплывающее содержимое из URL
- Показать статью Joomla во всплывающем окне
- Направление всплывающих окон элементам меню
- Управление со временем, чтобы снова отображать всплывающее окно
- Показать всплывающее окно при нажатии на ссылку или кнопку
- Выборы цвета
- и многое другое...
Если вам нужны какие-либо улучшения или новые функции, пожалуйста, свяжитесь с нами. Мы будем рады добавить запрошенные вами новые функции.
Пополненные источники
В есть различные способы настройки содержимого следующего модального всплывающего окна. Вы можете просто использовать редактор HTML. Добавляйте стили и теги скриптов с помощью двойных фигурных скобок. Например, используйте {{script}} и {{/script}} вместо обычных тегов начала и конца html 'script'. Проделайте то же самое со стилем и другими тегами html, если это необходимо.
В версии Pro он дает вам дополнительные источники, такие как TextArea, URL и поля статей Joomla, чтобы облегчить вашу работу.
Неограничимое количество всплывающих окон
Это отличная возможность создавать столько всплывающих окон, сколько вы хотите. В Pro Version вы можете назначить каждое всплывающее окно одному или нескольким пунктам меню. Например, если у вас есть веб-сайт электронной коммерции, вы можете показывать различные скидки для категорий бытовой техники и мобильных телефонов. То же самое относится и к другим веб-сайтам. Как и на веб-сайте блога, вы можете показывать различные всплывающие окна для раздела политики и раздела технологий.
Периодические всплывающие окна
С расширением EV Easy Modal вы можете показывать всплывающее окно один раз в день, еженедельно, раз в две недели, ежемесячно и т. Д.
Экраншоты
Посчайные обновления
Выберите шаблон и просто измените текст. Супер легко.
Мые свойства всплывающего диалогового окна.
Параметры активации.
Создание всплывающих окон
Назначение всплывающего окна элементам меню
Подробнее Справка
Посыйдите, что у вас есть ссылка, подобная этой:
<a id="demo-popup-4" href="#">here</a>
#demo-popup-4
в поле "Показать на щелчок идентификатора элемента" на вкладке "Активация" в разделе Сведения о всплывающем окне в серверной части Joomla.
Рабочий пример приведен здесь:
https://www.everlive.net/click-to-see-popup.html