Рейтинг:  5 / 5

Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда активна
 
Авторизация во всплывающем окне

А вы знаете, что обычное всплывающее окно в Джумле поддерживается стандартной сборкой? Всплывающее окно ещё по-другому называют окно модальное. Для того, чтобы картинка, текст или другой сайт просто открылись в лайтбоксе, не нужно скачивать тяжёлые компоненты, модули и плагины. В Джумле очень много встроенных возможностей в стандартной сборке, о которых знают всё лишь разработчики и те, кто читает документацию.

Модальное окно в Joomla

Самое первое, что необходимо сделать, это подключить lightbox к нашему шаблону. Для этого перед закрытием тега head в файле index.php вашего шаблона, который используется сейчас на сайте прописать следующую строку, то есть функцию вызова модального окна:

Теперь можем открывать полное изображение маленькой картинки во всплывающем окне. Например, чтобы при клике на маленькую картинку открывалась большая картинка нужно прописать такой код:

маленькая картинка в стандартном теге img

Чтобы во всплывающем окне (лайтбоксе) открылся какой-нибудь контент, например, статья, нужно прописать так:

ссылка на lightbox, ширина которого 575px, а высота 300px

Таким образом можно в модальном окне показать как картинку, так и необходимую статью. Чем хорош этот метод, что не нужно устанавливать различные плагины или модули с дополнительными тяжеленными скриптами на сайт, что не очень нравится поисковым системам, ведь сайт должен быть лёгким и грузится за пару секунд!