Модуль S5-Box. Помещает любой модуль во всплывающее окно

Всем привет !

Недавно наткнулся на очень интересный модуль — S5 Box. В чем же его интерес? Данный модуль позволяет вывести любой другой модуль, будь то регистрация, авторизация, опрос, поис и т.п. во всплывающее окно.

Я еще не придумал, где буду его использовать, но обязательно где нибудь применю. Особенно после того, как я его проверил на тестовом сайте и все получилось.

В данном же посте мне хочется рассказать подробно как он работает. Конечно мое руководство по работе с S5 Box в сети не единственное, но я все равно напишу, что и как я делал.

Итак данный модуль позволяет вывести любой другой модуль во всплывающее окно. На скриншоте внизу показано как это может выглядеть….

Пример вывда модуля обратной связи Fox Contact во всплавающем окне. Joomla 2.5

Итак Вы поняли смысл данного модуля. Давайте перейдем к тому, как с ним работать и откуда его можно скачать…

Скачать

Для того, чтобы начать работаь с модулем S5 Box давайте его скачаем…

Скачать модуль можно по одной из следующих ссылок:

Работа с модулем

Итак мы скачали и конечно же установили модуль. Переходим к самому интересному, а именно к порядку по которому мы будем настраивать наши модули.

Настройка S5 Box

Устанавливаем модуль S5 Box, включаем его и выставляем отображение на всех страницах.

Позицию модуля выставляем любую (он не будет виден), однако заголовок модуля ставим не показывать.

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

Основные настройки модуля S5 Box для десяти всплывающих окон

Публикуем модуль во всплывающее окно

Итак модуль у нас установлен, включен и настроен. Настало время сделать наш модуль (я бы выбрал для примера mod_login) вывести во всплывающее окно… Для этого выпоняем по порядку все действия описанные ниже.

1. Добавляем позиции для будующих модулей в файл /template/Ваш_шаблон/TemplateDetails.xml

Все позиции должны иметь такие названия: s5_box1, s5_box2, s5_box3, s5_box4, s5_box5, s5_box6, s5_box7, s5_box8, s5_box9, s5_box10 и таким образом понятно, что их может быть только десять.

2. Создаем ссылку, которая будет открывать наш модуль при клике на нее… Ссылка может иметь такой вид:

<a class=»s5box_one»>Логин</a> или к примеру <div class=»s5box_two»><a>Логин</a></div>

Поясню…

В модуле задано, что позиция s5_box1 = классу s5box_one, позиция s5_box2 = классу s5box_two и так далее. Тем самым, когда мы выбираем модуль и ставим ему позицию вывода  s5_box1, то ему автоматом подтягивается класс с настройками выводящими его во всплывающее окно.

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

ТЕСТ работы S5 BOX

P.S. «Спасибо за внимание, вопросы приветствуются» 

Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий