A- A A+
JBounce

Очень качественный модуль для реализации подобной задачи. Можно вставлять свою картинку для заднего фона и менять текст, но и это не предел. Внутри вмонтирован html-редактор, так что формы подписки тоже очень даже вставляются.

Карточка расширения JBounce

Дополнительная информация

Тип расширения: Модуль
Версия:  1.0
Совместимость: 2.5, 3.0

Шаг 1. Установка и опубликование модуля

Статья «Все способы установки расширений Joomla!».

Урок «Опубликование модулей в Joomla!».

Шаг 2. Настройки JBounce

Перемещаемся в Расширения => Менеджер модулей и открываем расширение "JBounce".

Позиция для модуля вполне подойдет - "Banner".

JBounce

Итак, вкладка "Модуль":

JBounce
  • Theme - Выбор темы, которая в данной версии модуля только одна.
  • Development Mode - Режим разработчика, который если включен, то окно появляется при каждом закрытии вкладки. Если выбрать "Нет", то всплывающее окно появится один раз за визит посетителя.
  • Animation In - Выбор анимации всплывающего окна при его появлении.
  • Animation In Duration - Время в течении которого возникает окно.
  • Animation Out - Анимации при исчезновении окна.
  • Animation Out Duration - Время анимации при закрытии всплывающего окна.

Далее необходимо ввести уже непосредственно текстовую информацию:

JBounce
  • Title - Заголовок. Восклицательный знак не нужен, система сама его добавит. Иначе, будут отображаться подряд два знака.
  • Subtitle - Подзаголовок. Также, восклицательный знак не ставить.
  • Content Source - Источник контента. При выборе "HTML Content", в редактор вводится текст или вставляется контент, например в виде формы подписки.
  • HTML Content - Редактор.

Наконец, цветовые настройки:

JBounce
  • Modal Background Color - Цвет фона всплывающего окна.
  • Background Image - Выбор фоновой картинки для окна.
  • Modal Text Color - Цвет текста в заголовке окна.
JBounce

Шаг 3. Проверка

Переходим на сайт, перезагружаем страницу и наводим курсор мыши на вкладку браузера.

JBounce

Происходит демонстрация всплывающего окна.

JBounce

Шаг 4. Вставка формы подписки

После получения кода формы подписки, следует учитывать, что редакторы Joomla такой код после сохранения настроек модуля, обрезают.

Поэтому, перед вставкой кода перейдите в Расширения => Менеджер плагинов.

Слева расположен Фильтр в выпадающем списке которого выбираем editors, то есть редакторы.

JBounce

Выделяем все редакторы и с помощью кнопки "Выключить", отключаем их.

JBounce

Теперь код формы подписки можно спокойно вставлять в окно редактора.

До новых интересных встреч.

 

Комментарии  

#6 0 dotern 30.09.2016 19:46
на джумле 2.5 у кого-то работает? у меня криво отображается меню настроек и не закрывается окно на сайте (не работает кнопка-крестик)
Цитировать
#5 0 Русланка 02.06.2016 00:14
У кого перекрывается другими модулями, просто добавьте новый z-index. Например z-index:9999. Если глянуть то там уже прописан z-index:1.
Если просмотреть код элемента у вас откроется строка
Цитировать
#4 0 Роман400 17.01.2016 08:46
Цитирую Денис Смирнов:
У меня тоже это всплывающее окно перекрывается другими модулями

Выберите позицию ниже тех модулей, которые перекрывают вспл. окно!
Цитировать
#3 0 Денис Смирнов 20.12.2015 18:20
У меня тоже это всплывающее окно перекрывается другими модулями
Цитировать
#2 0 Александр 12.10.2015 14:15
Цитирую Vas:
У меня на сайте в верхней позиции вставлен модуль "слайдер", который перекрывает верхнюю половину данного модуля. Без слайдера работает нормально.

У меня тоже
Цитировать
#1 +1 Vas 03.07.2015 23:17
У меня на сайте в верхней позиции вставлен модуль "слайдер", который перекрывает верхнюю половину данного модуля. Без слайдера работает нормально.
Цитировать

Добавить комментарий

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

Если заметили ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

МОЙ TELEGRAM-КАНАЛ

ПОДПИСАТЬСЯ!


Перенос на хостинг

Перенос на хостинг

Бесплатный видео-курс по переносу готового сайта на одну из лучших хостинг-площадок РУнета.

Смотреть (бесплатно)

Бессмертный сайт

Бессмертный сайт

2 урока, 16 минут, и Ваш сайт - БЕССМЕРТНЫЙ!

Узнать подробности!