A- A A+
Расширение для Joomla - Jquery UI Popup

Давно обещал этот урок и вот наконец-то сделал! Модуль позволяет вывести красивое всплывающее окно с любым содержимым, настроить время показа/закрытия окна, а также время до его повторного появления. Пакеты установки взяты с официального сайта расширения, так что никакой заразы внутри.

Карточка расширения Jquery UI Popup

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

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

Шаг 1. Публикуем модуль

РАСШИРЕНИЯ => МЕНЕДЖЕР МОДУЛЕЙ => Jquery UI Popup.

Расширение Joomla - Jquery UI Popup

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

Расширение Joomla - Jquery UI Popup

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

Шаг 2. Основные параметры

  • Width - ширина окна в пикселях
  • Height - высота окна в пикселях
  • Position - позицирование окна (первая цифра означает отступ от левой границы браузера, а вторая подразумевает отступ от верхней границы браузера)
  • Time auto-close - время автоматического закрытия окна (1000 - 1 секунда)
  • Time re-open - время для повторного появления окна

Расширение Joomla - Jquery UI Popup

  • Show Effect - эффекты появления окна
  • Hide Effect - эффекты исчезания окна
  • Theme - выбор темы
  • Icon - иконка перед заголовком
  • Title - заголовок

Расширение Joomla - Jquery UI Popup

  • Type of content - тип выводимого контента (модуль, статья, ссылка, картинка)
  • Module Position - если выбран модуль, то нужно создать модуль и вывести его в отдельной позиции, которую указать в данной строке
  • Articles - при выборе материала, он указывается в выпадающем меню
  • Show Readmore - отключаем "Читать далее"
  • External Link - при выборе типа в виде ссылки, указываем ее адрес здесь
  • Image - указывается изображение при соответствующем выборе выше
  • Show Power by - отключаем ссылку на разработчика расширения

Расширение Joomla - Jquery UI Popup

Шаг 3. Подготовка материала

Для публикации специально был подготовлен материал, html-код которого представлен ниже:

<div style="width: 300px; float: left;">
<p><span style="font-size: 12pt;">Хочешь принять участие в конкурсе?</span></p>
<p>Записывайся к нам!</p>
</div>
<div style="width: 250px; float: right;">
<p>Здесь была строка вставки формы через компонент jumi</p>
<p style="font-size: 14px;">Мы против спама!</p>
</div>

Расширение Joomla - Jquery UI Popup

Для вставки кода использован компонент, о котором описано в уроке Jumi. Как вставить любой код в статью или модуль.

Расширение Joomla - Jquery UI Popup

Шаг 4. Любуемся окном

Расширение Joomla - Jquery UI Popup

Если будут вопросы, пишите в комментариях.

 

Комментарии  

#13 0 Луговской Александр 11.02.2015 07:57
Цитирую Виталий stedivid:
...какое число поставить что бы окошко появлялось через пять минут..

300000
Цитировать
#12 0 Виталий stedivid 11.02.2015 06:02
Подскажите пожалуйста какое число поставить что бы окошко появлялось через пять минут. Для всех. Я уже голову сломал подбирать. Заранее большое человеческое спасибо
Цитировать
#11 0 Sten 13.01.2015 15:53
Замечательный модуль!
Только не могу найти папку, в которой лежать картинки, если выводить Images
Цитировать
#10 0 dent 19.12.2013 10:43
Цитирую Nevsky:
Решил конфликт всплывающего окна и слайд шоу widgetkit !!!
1. Качаем-регаемся плагин jQuery Easy - http://www.simplifyyourweb.com/index.php/downloads/category/8-loading-jquery
2. Установили - опубликовали и в настройках плагина: - Basic Options Frontend - (выбираем - jQuery + jQuery UI) и ниже в jQuery UI выбираем 1.8
3. Все - больше ничего не трогаем в настройках.

Помогло частично, всплывающее окно находится в верхнем левом углу и смещению не поддается, не исчезает не смотря на настройки
Цитировать
#9 -1 Nevsky 19.03.2013 00:51
Решил конфликт всплывающего окна и слайд шоу widgetkit !!!
1. Качаем-регаемся плагин jQuery Easy - http://www.simplifyyourweb.com/index.php/downloads/category/8-loading-jquery
2. Установили - опубликовали и в настройках плагина: - Basic Options Frontend - (выбираем - jQuery + jQuery UI) и ниже в jQuery UI выбираем 1.8
3. Все - больше ничего не трогаем в настройках.
Цитировать
#8 0 Nevsky 18.03.2013 23:31
Та же проблема:
- при включении всплывающего окна перестает работать слайд шоу Widgetkit
---------------
ХЕЛП !!!
Цитировать
#7 +2 Fam 19.02.2013 08:38
Цитирую Виталий Куликов:
Цитирую dent:
при включении всплывающего окна перестает работать слайд шоу Widgetkit

Конфликт налицо. От чего-то придётся отказаться

:sad: нет никакого решения для этого конфликта?
(ну кроме того, что убрать окно со страниц с Widgetkit)
Цитировать
#6 0 Андрей 14.11.2012 19:23
Цитирую Viktor3177:
Добрый день Виталий.
Если в окошке в ''Time re-open'' я поставлю 12, это значит, что каждые 12 часов окно будет всплывать для всех, в том числе и для тех, кто подписался?

Здравствуйте.
Да, Вы правильно поняли, 1 раз в 12 часов для всех
Цитировать
#5 0 Viktor3177 14.11.2012 18:19
Добрый день Виталий.
Если в окошке в ''Time re-open'' я поставлю 12, это значит, что каждые 12 часов окно будет всплывать для всех, в том числе и для тех, кто подписался?
Цитировать
#4 -2 Андрей 04.11.2012 13:51
Цитирую dent:
при включении всплывающего окна перестает работать слайд шоу Widgetkit

Конфликт налицо. От чего-то придётся отказаться
Цитировать

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

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

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

МОЙ TELEGRAM-КАНАЛ

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


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

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

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

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

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

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

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

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