Спливаюче вікно joomla

20

Від автора: вітаю Вас, шановні читачі. Мета будь-якого сайту – це насамперед відвідувачі і чим більше, тим краще. При цьому коли відвідувач зайшов на сторінку Вашого сайту, його потрібно чимось залучити, щоб удержати і підштовхнути до виконання певної дії, наприклад передплата, купівля і т. д. Тому в даній статті ми поговоримо про те, як створити спливаюче вікно joomla, бо як елементи подібного виду, дуже добре зарекомендували себе на практиці, тобто найкращим чином привертають увагу відвідувача.

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

Спливаюче вікно joomla

Клікнувши по кнопці «Завантажити» нас скеровано на сторінку плагін.

Спливаюче вікно joomla

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

Спливаюче вікно joomla

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

Спливаюче вікно joomla

Сторінка опису плагіна, розділена на дві вкладки, кожна з яких містить різні налаштування. Вкладка «Плагін», містить налаштування, які відповідають за зовнішній вигляд спливаючого вікна:

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.

Спливаюче вікно joomla

На вкладці «Додаткові параметри» наведені параметри, які необхідні для коректної роботи плагіна, тобто як підключати бібліотеку JQuery, яку версію використовувати, включити режим відладки і т. д.

Спливаюче вікно joomla

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

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

{simplepopup}
{/simplepopup}

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

{simplepopup} Спливаюче вікно joomla

Спливаюче вікно Joomla

{/simplepopup}

Зберігаємо матеріал і переходимо у частину для тестування.

Спливаюче вікно joomla

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

Спливаюче вікно joomla

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

Спливаюче вікно joomla

На цьому дана стаття завершена. Всього Вам доброго і вдалого кодування!!!