«БОЛЬШАЯ МЕДВЕДИЦА»

Онлайн-журнал для веб-дизайнера

В Joomla есть замечательная встроенная возможность вывести что угодно во всплывающем окне (лайтбоксе) - форму, картинку, текст. Там уже заложено модальное поведение, надо только его включить.

Например:

1. Включаем модальное поведение. Ставим в шаблон, где у нас идет перечисление необходимых переменных, вот такую фразу:

 JHTML::_('behavior.modal');

Уточняю, я лично ставлю вот сюда:

<?php

$app = JFactory::getApplication();
$menu = $app->getMenu();
$doc = JFactory::getDocument();
$user = JFactory::getUser();
$this->language = $doc->language;
$this->direction = $doc->direction;

 JHTML::_('behavior.modal');

// Detecting Active Variables
$option = $app->input->getCmd('option', '');
$view = $app->input->getCmd('view', '');
$layout = $app->input->getCmd('layout', '');
$task = $app->input->getCmd('task', '');
$itemid = $app->input->getCmd('Itemid', '');
$sitename = $app->get('sitename'); 
?>

2. В место, где вы хотите видеть всплывающее окно:

 <a class="modal" rel="{handler: 'iframe', size: {x: 500, y: 450}}" href="/ссылка_на_контактную_форму&tmpl=component" >Связаться с нами</a>

Вот это вариант для всплывающей контактной формы (&tmpl=component указывает на то, что форма открывается в лысом виде, без шапки, футера и прочих излишеств).

А вот вариант для изображения:

<a class="modal" href="/images/zerno-02.png" rel="{handler: 'iframe', size: {x: 800, y: 645}}"><img src="/images/WholeGrain.jpg" alt="" /></a>

Размеры (size) выбираем свои. Вот и все!

© 2017 URSA-WEB / Веб-студия БОЛЬШАЯ МЕДВЕДИЦА