Тест S5 Box

Вот примерно так работает модуль в реале...

Модуль 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. "Спасибо за внимание, вопросы приветствуются" 

Комментарии   

 
Айгуль
0 #27 Айгуль 16.09.2013 15:12
Тем, кто будет читать после меня: имейте ввиду, когда указываете позицию для модуля S5, можно указать любую, но важно, чтобы эта позиция обязательно была из Вашег шаблона.
 
 
Koskv
0 #26 Koskv 12.09.2013 19:12
Цитирую Татьяна:
Скажите, а что значит: "Добавляем позиции для будущих модулей в файл /template/Ваш_шаблон/TemplateDetails.xml"?
Как это сделать?

Татьяна, в указанном файле в разделе
заданы позиции модулей сайта CMS Joomla. Там и добавляем по аналогии с уже созданными позициями.
 
 
Татьяна
-1 #25 Татьяна 11.09.2013 16:29
Скажите, а что значит: "Добавляем позиции для будущих модулей в файл /template/Ваш_шаблон/TemplateDetails.xml"?
Как это сделать?
 
 
Koskv
0 #24 Koskv 25.04.2013 08:52
Цитирую сергей:
:sad: что не пробовал но не работает. делал все так как написано но не хочет

Простите, но больше того, что я написал делать ничего не нужно.
Для наглядности я сделал ссылку "ТЕСТ работы S5 BOX" посмотрите пожалуйста...
 
 
сергей
0 #23 сергей 18.04.2013 19:23
:sad: что не пробовал но не работает. делал все так как написано но не хочет
 
 
Лариса
0 #22 Лариса 21.03.2013 13:13
Что-то не работает. Установила модуль S5 Box в реальную позицию шаблона. Прописала позиции в файле XML шаблона. Отображение модуля - на всех страницах. Создала модуль html-код, в котором разместила Прайс, позиция s5_box1. На странице сделала ссылку Прайс
Ссылка даже не выглядит ссылкой. При клике на нее ничего не происходит. Отображение обоих модулей - на всех страницах, joomla 2.5. Подскажите плиз, что не так?
 
 
Щачло миноги
0 #21 Щачло миноги 16.03.2013 07:18
Не работает!
 
 
Алекс
-1 #20 Алекс 11.02.2013 22:18
Все нормально выводится, и работает, но!
По завершению скрипта контакт формы (я использую s5quickcontact) т.е. после отправки сообщения вываливается в белый экран...
Есть мысли как исправить?
www.agency-npr.ru - справа Заказать проект.
 
 
Koskv
0 #19 Koskv 03.02.2013 17:28
Цитирую Дмитрий:
нет, и в материале та же самая проблема.

Цитирую Дмитрий:
а у меня это даже и ссылкой-то не выглядит.
Логин
в чем может быть дело?
хотя сделал всё, как написано.

Вы тег a..../a используете же ? Странно, что он не отображается как ссылка....
 
 
Дмитрий
0 #18 Дмитрий 02.02.2013 18:22
нет, и в материале та же самая проблема.
 
cs-nsk

Последние комментарии

Теги ...

Опрос: iOS или Android ?

Какой ОС вы чаще пользуетесь?

iOS - 0%
Android - 60%
Windows Mobile - 20%
Tizen - 0%
Другая. - 20%

Всего голосов: 5
Голосование в этом опросе закончено в: 01 Янв 2017 - 00:00
Яндекс.Метрика Анализ сайта Рейтинг@Mail.ru