Загрузка...

Хотел бы отметить, что в данной статье мы будем обсуждать технические моменты создания всплывающего окна Joomla 3, то есть, то как реализовать данный функционал. При этом мы не будем останавливаться на том, какой контент необходимо отображать, дабы наилучшим образом привлечь внимание посетителя, так как это совсем другая область. Всплывающее окно joomla 3, мы с Вами реализуем при помощи функционального плагина Simple PopUp.

1

Кликнув по кнопке “Download” нас перенаправят на страницу разработчика плагина.

2

В правом сайдбаре выбираем необходимую версию CMS и кликаем по соответствующей ссылке для скачивания расширения. Далее, устанавливаем стандартным способом, используя менеджер расширений Joomla.

3

После установки переходим в менеджер плагинов, для активации и настройки расширения.

4

Страница описания плагина, разделена на две вкладки, каждая из которых содержит различные настройки. Вкладка “Плагин”, содержит настройки, отвечающие за внешний вид всплывающего окна:

Align text – расположение текста (слева, по центру, справа);

Pop-up box width (in pixels) – ширина всплывающего окна;

Pop-up box height (in pixels) – высота всплывающего окна;

Use cookie (to only show once) – использовать ли куки, для хранения информации, о том что пользователь уже просмотрел контент модального окна joomla;

Box style – оформление всплывающего окна;

‘Image # of #’ – формат отображения номера и количества изображений;

‘CLOSE’ – надпись на кнопке “Закрыть”;

Show label ‘Image # of #’ – показывать ли номер и количество оставшихся изображений;

Hide download options in PDF viewer – скрывать опции скачивания при просмотре документа PDF.

5

На вкладке “Дополнительные параметры” приведены настройки, которые необходимы для корректной работы плагина, то есть как подключать библиотеку JQuery, какую версию использовать, включить ли режим отладки и т.д.

6

После настройки не забываем опубликовать плагин и сохраняем изменения. Для работы плагина необходимо прописать специальный код, при формирования контента необходимой страницы. В качестве контента мы используем стандартный материал Joomla, а значит переходим в “Менеджер материалов” и открываем для редактирования произвольный материал.

Всплывающее модальное окно joomla 3 будет отображать контент, заключенный между специальными тегами:

А значит, давайте отобразим в качестве контента небольшое изображение и строку текста:

Сохраняем материал и переходим в пользовательскую часть для тестирования.

7

Теперь Вы знаете, как в joomla как сделать всплывающее окно отображающее произвольный контент. Оформление модального окна Вы можете сменить в настройках, используя параметр Box style, к примеру, выберем FancyBox.

8

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

9

{

}