Компонент пменю ФС + - збираємо пазли з модулів - ячайнік

Відео: Android 6, підключення SIP клієнта

Нерідко власник сайту стикається з досить серйозною проблемою. Частина необхідного контенту складно вмістити в рамках веб - сторінки. А хочеться розмістити різноманітні опитування, модулі авторизації та інший необхідний функціонал на сайт. Рішенням в такій ситуації стане використання компонента ПМеню ФС +. Сьогодні ми розглянемо не тільки можливості даного компонента, а й побачимо: наскільки розширюються можливості його використання у комплексі із компонентом SWMENU pro.

ПМеню ФС + - комерційна розробка. Придбати його можна

на цій сторінці.

На сьогоднішній день існує версія, як для Joomla 1.0.15, так і для Joomla 1.5.x.x версії. Саме з останнім варіантом ми і почнемо роботу.
ПМеню ФС + полягає з власне компонента і модуля, який згодом виводиться в необхідну позицію сайту.

Принцип роботи ПМеню ФС + полягає у наступному. В адміністративній панелі створюються кнопки, які в подальшому за допомогою модуля виводяться на сторінку сайту. До кожної кнопці знову ж все в тій же адміністративної панелі прив`язується певна позиція.

У підсумку всі модулі, що в даний момент прив`язані до заданої позиції виводяться у спливаючому меню.

Тепер, після того, як я в двох словах розповів суть роботи ПМеню ФС +, пропоную поставити задачу і уважно розглянути роботу компонента на практиці.
Ми повинні за допомогою ПМеню ФС + і компонента SWMENU Pro створити меню, де пункти підміню будуть випадати в кілька стовпчиків, причому кожен стовпець має заголовок унікальним заголовком. Припустимо, в нашому меню будет 2 пункту. Перший з яких - «Головна».

Для створення необхідних кнопок, ми заходимо в головне меню Компоненти - Pmenu FS + - View

Ми потрапляємо на нову сторінку. На даний момент тут не виявляється жодного запису. І цей не дивно! Ми ще не створили жодної кнопки. Негайно виправляємо це непорозуміння.
У правому верхньому кутку натискаємо кнопку «Створити».

Нам відкриється сторінка, де у нас з`являється можливість створити і налаштувати нашу першу кнопку.

Пропоную докладніше розглянути дану сторінку, бо тут відбувається таїнство створення, як власне кнопок, так і випадають меню.

Заголовок - введена в даний текстове поле напис, буде відображатися на нашій кнопці. Тому сміливо пишемо сюди слово «Головна».

показувати заголовок - Цього невигадливий, що випадає пропонує нам зробити вибір: а чи відображати заголовок на кнопці?

публікація - тут ми вирішуємо: публікувати кнопку на сайті чи ні

позиція модулів - це, мабуть, один з головних елементів управління даного вікна. Саме тут ми вибираємо позицію, модулі з якою будуть виводитися у спливаючому меню нижче кнопкою. У нашому прикладі, я вирішив прив`язати до кнопки «Головна» позицію user2. Саме в цій позиції у мене знаходиться модуль авторизації. Тепер при наведенні або натисканні мишкою по кнопці «Головна» буде з`являтися вікно з пропозицією провести авторизацію або реєстрацію на сайті.

висновок модулів - тут вибираємо спосіб виведення модулів. Наприклад, якщо ми хочемо розмістити модулі в кілька колонок, то вибираємо варіант «горизонтально».

Позиція top, позиція left - параметри виставлені тут повідомляють компоненту, де виводити спливаюче вікно з модулями. Дані параметри відраховуються від верхнього лівого кута першої кнопки.

Стиль модуля, Стиль вікна модулів, Стиль кнопки - сюди вводяться параметри, що відповідають за зовнішній вигляд кнопки, спливаючого вікна а також модулів розміщених в цих вікнах.

URL - при кліці по опції - це поле служить для введення посилання на ту чи іншу сторінку. Тобто, якщо ми введемо в цьому полі посилання https://yachaynik.ru/ то при кліці по кнопці «Головна» потрапимо на наш улюблений сайт - Ячайнік.

Картинка за замовчуванням, Картинка при фокусі, Картинка при натисканні - дані параметри дозволяють замінити напис «Главная» заздалегідь підготовленої картинкою. Файли зображень повинні бути завантажені в папку / images / stories / Втім, при бажанні каталог зберігання зображень можна змінити.

Для цього потрібно зайти в головне меню Компоненти - Pmenu FS + - Settings

І в текстовому полі «Шлях до картинок меню» змінити шлях до каталогу на необхідний.

Ширина картинки, Висота картинки - висота і ширина зображення, що виводиться

Тема модулів - в кожному спливаючому вікні у нас є можливість над виведеними модулями зазначити якийсь назву. Саме він і вводиться в цьому полі редактора.

підвал модулів - це практично те ж саме, що заголовок. Різниця в тому, що напис буде виводитися під модулями.

Тепер, коли введені всі параметри, саме час натиснути на кнопку «Зберегти» у правому верхньому кутку екрану.

Ми пам`ятаємо, що наша першочергова задача - створити меню, яке буде виводитися в дві колонки.
Для цього заходимо в «Менеджер меню» і створюємо два меню. Назвемо їх Menu1 і Menu2. У кожному меню створюємо по 4 пункти.

Тепер саме час заглянути в компонент swMenuPro і створити два модуля меню які будуть прив`язані до наших Menu1 і Menu2. На жаль, в рамках даної статті я не планував розповісти про swMenuPro. Можу лише сказати, що можливості по налаштуванню зовнішнього вигляду меню в цьому компоненті просто величезними. Тому перш ніж, приступати до подальшої налаштування нашого компонента, раджу погратися з зовнішнім виглядом Menu1 і Menu2.

Обидва модулі ми виводимо в позицію User7. Ця позиція не прописана в шаблоні. Таким чином, наше спливаюче меню буде в своєму роді унікально.
Тепер повертаємося до адміністративної частини компонента ПМеню ФС +. Саме туди де ми створювали кнопку «Головна». Тепер наше завдання створити ще одну кнопку, при наведенні на яку буде випадати наше меню в два стовпчики.

Різниця в настройках буде невелика. Перш за все, це інша позиція виведених у спливаючому вікні модулів.

Зберігаємо налаштування.
Настав час заглянути в модуль ПМеню ФС +, де ми зробимо остаточну настройку виведення наших двох пунктів меню

Заходимо в головне меню Розширення - Менеджер модулів

Кількома по модулю PosMenuFS і потрапляємо на сторінку його налаштувань.
Звертаємо увагу на праву частину модуля - параметри:

Розберемо ж докладніше елементи керування даним модулем:

Menu style - даний список, що випадає пропонує вибрати нам: як будуть розташовуватися кнопки. Горизонтально або вертикально.
Effect open window - виключення даного ефект змусить випливають вікна з модулями з`являтися без ефекту повільного появи.
Effect speed - А тут як раз встановлюється швидкість появи вікна. (Slow - повільно, Fast - швидко)
Open window - тут ми виставляємо подія після якого з`являється спливаюче вікно (Mouse Focus - при наведенні курсору мишки, Mouse Click - при натисканні мишкою по кнопці)
Delay close window - затримка перед закриттям вікна
Opacity window - прозорість спливаючого вікна
Module style - стиль модуля

На закінчення я хотів би продемонструвати результат нашої з вами роботи.
Отже, кнопка «Главная» при наведенні на неї буде виглядати ось так: