Мега меню для joomla

Не завжди я предлогаю завантажити що або Новомосковсктелям блогу "Записки інтИрнетчіка" з даного сайту. Але цей запис запропонує вам завантажити і встановити до себе на сайт дуже хороший і багатофункціональний модуль для меню.

Називається цей модуль JUX Mega Menu.

Вихваляти його можливості можна до нескінченності. Загалом дивіться самі:

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

Виявилося модуль платний і ціна його не багато ні мало - 15 буржуйських евриков.

Але знайшлися Добрі Люди які поділилися даними модулем, до яких хочу приєднатися і Я. і так само поділитися з вами даними модулем.

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

- Він легкий і дуже спритний;
- Безліч налаштувань як в модулі, так і в пункті меню;
- Вибір горизонтального або вертикального відображення;
- При прокручуванні сторінки, меню може залипати вгорі або внизу екрану (задається в настройках);
- Виводить модулі в пунктах меню;
- Випадіння субменю вниз або вгору, з настройками швидкості випадання;
- Висновок підпунктів меню в заданій кількості колонок :;
- Підтримуються зображення для пунктів меню;
- Працює на joomla 3.5.1 і більш ранніх версіях;
- і багато інших можливостей.

форма входу

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

Можливості даного меню, які всі як один відносяться до плюсових характеристикам:

Він легкий і дуже спритний;
Безліч налаштувань як в модулі, так і в пункті меню;
Вибір горизонтального або вертикального відображення;
При прокручуванні сторінки, меню може залипати вгорі або внизу екрану (задається в настройках);
Виводить модулі в пунктах меню;
Випадіння субменю вниз або вгору, з настройками швидкості випадання;
Висновок підпунктів меню в заданій кількості колонок :;
Підтримуються зображення для пунктів меню;
Працює на joomla
і багато інших можливостей.

Завантажити мега меню для joomla

Для вас я предлогаю завантажити цей модуль абсолютно БЕЗКОШТОВНО, ну і звичайно ж для себе залишу на всякий випадок (раптом що) архів даного модуля готовий до установки.

jux_megamenu_3.2.6
Розмір: 584.35 Кб Формат: ZIP

Як правильно зробити установку, розписано тут: установка розширень з каталогу

Так само можна скопіювати посилання зі скачування модуля і встановити з url.

Вообщем будь-яким зручним вам способом встановлюєте даний модуль.

Налаштування Мега меню

Щоб вивести мегаменю на сайті, вам необхідно зайти в менеджер модулів (Розширення => Менеджер модулів) і натиснути кнопку Створити новий модуль.

У вкладці Тип модуля. вибрати пункт JUX Mega Menu. після чого потрапляємо в налаштування модуля.

Хочу звернути вашу увагу, що налаштування здійснюються в двох різних місцях:

в настройках модуля
і в настройках пункту меню.

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

В налаштуваннях пункту меню. вміст підміню (можна вивести будь-який модуль або всю позицію з шаблону), підказка (спливає текст при наведенні мишкою на пункт меню), висновок підменю, його тип і розміри, кількість стовпців для підменю.

Так само я зробив для даного модуля переклад на українську мову. За якість перекладу сильно не наїжджайте - все претензії до гугл-транслит, але переклад значно полегшить розуміння налаштувань модуля мега меню.

Переклад встановлюється вручну. Щоб встановити переклад - скачайте і розпакуйте архів у себе на комп'ютері. Потім залийте файли (3 файлу) з перекладом в папки сайту на сервері, згідно з тим, як вони вкладені в архів.

Вдалого вам сайтобудування.

Шлях до файлу:
www /modules/mod_jux_megamenu/assets/css/style.css

110 рядок
#megamenucss # js-mainnav.megamenu .js-megamenu, #megamenucss # js-mainnav.megamenu .js-megamenu .level1 .group, #megamenucss # js-mainnav.megamenu .js-megamenu ul.level1, #megamenucss #js -mainnav.megamenu .js-megamenu ul.level2, #megamenucss # js-mainnav.megamenu .js-megamenu ul.level3 font-family: Helvetica, Arial, sans-serif;
font-size: 12px! important;

Змініть ось цей рядок в коді:
font-size: 17px! important;

Можна пікселі міняти. Якщо 17px буде мало - додайте ще. Можете цим значенням підбирати відповідний для вас розмір шрифту.
Захист можете включити.

Можна і шрифт поміняти. Тоді рядок:
font-family: Helvetica, Arial, sans-serif;

Змінити на:
font-family: Georgia;

На мою так гарніше буде.

Величезне спасибі за модуль і окрема подяка за оперативну допомогу!

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

Як зробити так, що б підміню не долілиць а вгору виводилося?

Зайдіть в налаштування модуля, в першій же вкладці налаштувань (вкладка Модуль) є пункт
Випадіння Submenu - виберіть ВГОРУ.

За другою частиною я зрозумів що ви хочете, типу як менюшка в адмінки (нижній сайтбар).
Тут скоріше за все потрібно робити додаткову позицію в шаблоні або з наявної позиції робити фіксовану. А для неї прописувати в стилях:
position: fixed;

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

Я написав не подивившись.
В налаштуваннях модуля є вкладка Додаткові параметри.
У ній перший пункт Custom CSS
Спробуйте там прописати:

Якщо залипне внизу при заході на сторінку, значить то що треба. Далі стилі підігнати для зовнішнього вигляду буде простіше.

Спасибі, у мене немає цього пункту в налаштуваннях.
ось пункти налаштувань:

Menu Name Нижнє меню
Theme default
More themes will be available soon. Keep DJ-MegaMenu module up to date.
Start level 1
End level All
Expand submenu tree Yes No
Column width in pixels 200
Use Note as subtitle Yes No
Display SELECT for small screens Yes No
Small screen width

і ось
CSS3 Animations and script features Yes No
These options apply only if you turn on 'CSS3 Animations and script features'.
Entrance animation bounceInUp

Exit animation zoomOut
Animation speed Normal
Open event Hover Click (only separators) Click
Wrapper id 11111
Sticky menu Yes No
Sticky offset (px) 600
Delay time before close submenu

))))) Помилочка вийшла, у мене DJ MEGA MENU
вибачте. а ви випадково в ньому не розбираєтеся?

Ні, я таким не користуюся. Але там і розбиратися то особливо не в чому - вкл / викл з налагодження. Ну і стилі можна підганяти під себе.
А з того що ви прислали - там немає настройки для випадання вгору, тільки залипання і ефекти.
Можете скачати з цієї сторінки модуль мега меню. У ньому якраз є випадіння вгору.
Ось я не пам'ятаю тільки коли додавав русифікатор, тому не знаю чи актуальний він (давно не перевіряв). Але якщо надійде прохання оновити переклад - оновлю неодмінно. У себе я переклад до зрозумілого рівня підігнав.

Щиро Дякую. Якщо dj не зможу налаштувати спробую ваш

Добрий вечір!
На сайті ОУ необхідно частину пунктів з основного розділу прибрати, хотіла це зробити через організацію верхнього горизонтального меню. Але ніяк не можу розібратися з настройками, виходить якась каша: одне працює, інше не працює. Загалом, заплуталася зовсім. Допоможіть, будь ласка, розібратися.

Що таке ОУ я не знаю. А кашу з меню розібрати - думаю це просто.
Що вас конкретно цікавить? У чому каша.

ОУ - освітня установа, до таких сайтів є відповідні вимоги. У мене багато пунктів меню, які я хотіла б винести з вертикального меню зліва в горизонтальне меню з розгортається підміню вертикально вниз. І це ніяк не виходить. Чи можна отримати більш докладну інструкцію зі зміни меню, яке вже існує: як переналаштувати в модуль JUX Mega Menu.
Дякуємо!

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

Підкажіть які значення потрібно вводити в поле радіус. Хочу зробити круглими кнопки меню, але на жаль, щось не виходить.

А де ви таке поле знайшли?

Вообщето в радіус вводяться цифрові значення,
наприклад 12
або
12px
Залежно від того що у вас вимагається.

Підкажіть будь ласка, як зробити назви пунктів меню, написані в два рядки

Joomla. 3.6.5. Працює чудово.
Дякую за модуль, сподобався.
Вибрав darkblue, та от не можу знайти рядок, щоб колір поміняти, а то трохи не та синява.
Якщо не утруднить, підкажіть файл і рядок, де це правиться.

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

файл darkblue.css
за наступним шляхом:
/modules/mod_jux_megamenu/assets/css/style/darkblue.css

рядок 93
background: # 014E72! important;

Виправте її ось так:
background: # 005BA2! important;
(Це під колір тумбочок під гаджітамі).

Або ось так:
background: # 007AD8! important;
(Це колір з логотипу прям над меню).