мега меню

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

   Называется данный модуль JUX Mega Menu.

Восхвалять его возможности можно до бесконечности.  В общем смотрите сами:

  Мега меню

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

  Меня заинтересовала данная возможность и я начал поиск в интернете.  Но долго мои поиски по данному вопросу заканчивались только написаниями кода, как реализовать данную возможность. Естественно, терять время на написание кода в мои планы не входило.  Но случилось чудо и я наткнулся на сайт JoomlaUX-разработчиков расширений для джумлы.

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


  Но нашлись Добрые Люди которые поделились данным модулем, к которым хочу присоединиться и Я, и так же поделиться с вами данным модулем.

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

 

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

  Возможности данного меню, которые все как один относятся к плюсовым характеристикам:

  • Он лёгкий и очень шустрый;
  • Множество настроек как в модуле, так и в пункте меню;
  • Выбор горизонтального или вертикального отображения;
  • При прокручивании страницы, меню может залипать вверху или внизу экрана (задаётся в настройках);
  • Выводит модули в пунктах меню;
  • Выпадание субменю вниз или вверх, с настройками скорости выпадания;
  • Вывод подпунктов меню в заданном количестве колонок:;
  • Поддерживаются изображения для пунктов меню;
  • Работает на joomla
  • и много других возможностей.

Скачать мега меню для joomla

  Для вас я предлогаю скачать данный модуль совершенно БЕСПЛАТНО, ну и конечно же для себя оставлю на всякий случай (вдруг что) архив данного модуля готовый к установке.

Как правильно сделать установку, расписано здесь: установка расширений из каталога

Так же можно скопировать ссылку со скачивания модуля и установить из url.

  Вообщем любым удобным вам методом устанавливаете данный модуль.


Настройка Мега меню

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

  В открывшейся вкладке Тип модуля, выбрать пункт JUX Mega Menu, после чего попадаем в настройки модуля.

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

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

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

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


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

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


  На этом пока всё. Жду ваших вопросов в комментариях ниже (если кто не разобрался с настройками мега меню ).

Удачного вам сайтостроения!!!

 

Комментарии  

Елена
# Елена 14.06.2016 16:12
Подскажите пожалуйста, работает ли данная версия на joomla 3.5.1?
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 14.06.2016 17:06
На 3.5.1 работает - как на обновлённом сайте, так и на установленном с данной версии. Уже много раз проверено, так что можете не переживать.
Можете урл со скачивания скопировать и с него прям установить, архив в формате zip и установится без проблем. Ну а перевод скачивать только к себе на компьютер и в ручную заливать файлы с переводом.
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 11.08.2016 21:50
На версии joomla 3.6.2 замечательно работает
Ответить | Ответить с цитатой | Цитировать
Валерий
# Валерий 10.01.2017 22:32
Подскажите, а как увеличить шрифт. Уж очень мелкий он.
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 10.01.2017 22:46
Можно CSS подправить.
А какая у вас цветовая тема включена в настройках модуля? (это в настройках модуля: вкладка модуль, 4 строка: blackwite и т.д.)
Или ссылку на сайт киньте - я вам подскажу весь путь для исправления. Для анонимности ссылку потом затру.
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 10.01.2017 22:50
А можете на время защиту снять, а то CSS не могу посмотреть
Ответить | Ответить с цитатой | Цитировать
Валерий Гизборн
# Валерий Гизборн 10.01.2017 22:53
Снял....
Ответить | Ответить с цитатой | Цитировать
Валерий Гизборн
# Валерий Гизборн 10.01.2017 22:51
цвет темно-синий...
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 10.01.2017 22:53
Выключите пока защиту от копирования материалов, а то я CSS не могу посмотреть
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 10.01.2017 23:01
Путь к файлу:
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 будет мало - добавьте ещё. Можете этим значением подбирать подходящий для вас размер шрифта.
Защиту можете включить.
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 10.01.2017 23:06
Можно и шрифт поменять. Тогда строку:
font-family: Helvetica, Arial, sans-serif;

Изменить на:
font-family: Georgia;

По моему так красивее будет.
Ответить | Ответить с цитатой | Цитировать
Валерий Гизборн
# Валерий Гизборн 10.01.2017 23:10
Огромное спасибо за модуль и отдельная благодарность за оперативную помощь!
Ответить | Ответить с цитатой | Цитировать
Валерий Гизборн
# Валерий Гизборн 10.01.2017 23:12
Точно. Солиднее смотрится!!! :)
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 10.01.2017 23:18
Рад был помочь. Если что - обращайтесь.
Ответить | Ответить с цитатой | Цитировать
Валерий Гизборн
# Валерий Гизборн 10.01.2017 23:21
Сайт в закладки!!!
Ответить | Ответить с цитатой | Цитировать
Алексей
# Алексей 20.01.2017 17:04
Здравствуйте, помогите пожалуйста закрепить меню внизу экрана. Так что бы при прокручивании вниз, нижнее меню тоже опускалось
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 20.01.2017 17:28
В настройках модуля включите залипающее меню. А позицию для модуля выберите из "подвала" страницы согласно вашего шаблона. Обычно это позиция Footer.
Ответить | Ответить с цитатой | Цитировать
Алексей
# Алексей 20.01.2017 18:04
Оперативно! Спасибо
Ответить | Ответить с цитатой | Цитировать
Алексей
# Алексей 20.01.2017 18:13
Пожалуйста ответьте еще на несколько вопросов.
Как сделать так, что бы подменю не вниз а вверх выводилось?
Я установил позицию footer, но мне нужно что бы когда человек попадает на страницу, сразу было два горизонтальных меню, одно сверху(с ним проблем нет), а другое снизу видимой части экрана. Оба меню должны быть закреплены и опускаться до низа. Как это сделать?
Если плохо объясняю, могу прислать скрин желаемого результат
Большое вам спасибо
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 20.01.2017 18:38
Цитата:
Как сделать так, что бы подменю не вниз а вверх выводилось?
Зайдите в настройки модуля, в первой же вкладке настроек (вкладка Модуль) есть пункт
Выпадание Submenu - выберите ВВЕРХ.

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

или попробуйте к модулю добавить суфикс и в стилях дописать фикированную позицию.
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 20.01.2017 18:51
Я написал не посмотрев.
В настройках модуля есть вкладка Дополнительные параметры.
В ней первый пункт Custom CSS
Попробуйте там прописать:

.prilip {position:fixed !important}

Если залипнет внизу при заходе на страницу, значит то что надо. Дальше стили подогнать для внешнего вида будет проще.
Ответить | Ответить с цитатой | Цитировать
Алексей
# Алексей 20.01.2017 18:56
Спасибо, у меня нет этого пункта в настройках...
вот пункты настроек:

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
Ответить | Ответить с цитатой | Цитировать
Алексей
# Алексей 20.01.2017 19:07
)))))ошибочка вышла, у меня DJ MEGA MENU
простите... а вы случайно в нём не разбираетесь?
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 20.01.2017 19:25
Нет, я таким не пользуюсь. Но там и разбираться то особо не в чём - вкл/выкл по настройкам. Ну и стили можно подгонять под себя.
А из того что вы прислали - там нет настройки для выпадания вверх, только залипание и эффекты.
Можете скачать с этой страницы модуль мега меню. В нём как раз есть выпадание вверх.
Вот я не помню только когда добавлял русификатор, поэтому не знаю актуален ли он (давно не проверял). Но если поступит просьба обновить перевод - обновлю непременно. У себя я перевод до понятного уровня подогнал.
Ответить | Ответить с цитатой | Цитировать
Алексей
# Алексей 20.01.2017 19:29
Большое спасибо. Если dj не смогу настроить попробую ваш
Ответить | Ответить с цитатой | Цитировать
Елена
# Елена 24.01.2017 19:30
Добрый вечер!
На сайте ОУ необходимо часть пунктов из основного раздела убрать, хотела это сделать через организацию верхнего горизонтального меню. Но никак не могу разобраться с настройками, получается какая-то каша: одно работает, другое не работает. В общем, запуталась совсем. Помогите, пожалуйста, разобраться.
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 24.01.2017 19:37
Что такое ОУ я не знаю. А кашу из меню разобрать - думаю это просто.
Что вас конкретно интересует? В чём каша???
Ответить | Ответить с цитатой | Цитировать
Елена
# Елена 24.01.2017 20:34
ОУ - образовательное учреждение, к таким сайтам имеются соответствующие требования. У меня много пунктов меню, которые я хотела бы вынести из вертикального меню слева в горизонтальное меню с разворачивающимся подменю вертикально вниз. И это никак не получается. Можно ли получить более подробную инструкцию по изменению меню, которое уже существует: как перенастроить в модуль JUX Mega Menu.
Спасибо!
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 24.01.2017 20:53
Я понял - наука вещь полезная.
Я могу вам помочь - без оплаты и прочей корысти.
Только давайте поступим так, вы мне на почту пришлёте ссылку на свой сайт, который нужно подогнать. Я посмотрю визуально что Вы хотите и буду давать подсказки которые вам нужны.
А не видя сайт - я могу вам не то что нужно насоветовать, при этом впустую потеряю своё и ваше время.
Ответить | Ответить с цитатой | Цитировать
Вячеслав
# Вячеслав 15.02.2017 19:30
Подскажите какие значению нужно вводить в поле радиус. Хочу сделать круглыми кнопки меню, но увы, что-то не выходит.
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 15.02.2017 19:51
А где вы такое поле нашли?

Вообщето в радиус вводятся цифровые значения,
например 12
или
12px
В зависимости от того что у вас требуется.
Ответить | Ответить с цитатой | Цитировать
Павел_2017
# Павел_2017 17.02.2017 01:00
Подскажите пожалуйста, как сделать названия пунктов меню, написанные в две строки
Ответить | Ответить с цитатой | Цитировать
Роман Романович
# Роман Романович 20.04.2017 19:33
Joomla!, 3.6.5. Работает замечательно.
Спасибо за модуль, понравился.
Выбрал darkblue, да вот не могу найти строку, чтобы цвет поменять, а то немного не та синева...
Если не затруднит, подскажите файл и строку, где это правится.
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 20.04.2017 19:44
Скиньте ссылку на ваш сайт так же в комменте без регистрации.
Я посмотрю и скажу где подправить.
Ответить | Ответить с цитатой | Цитировать
Роман Романович
# Роман Романович 20.04.2017 19:47
Думается было бы правильно, если цвет меню будет перекликаться с главной картинкой сайта.
Ответить | Ответить с цитатой | Цитировать
Super User
# Super User 20.04.2017 19:59
Файл darkblue.css
по следующему пути:
/modules/mod_jux_megamenu/assets/css/style/darkblue.css

Строка 93
background: #014E72 !important;

Исправьте её вот так:
background: #005BA2 !important;
(это под цвет тумбочек под гаджитами).

Или вот так:
background: #007AD8 !important;
(это цвет из логотипа прям над меню).
Ответить | Ответить с цитатой | Цитировать
Роман Романович
# Роман Романович 20.04.2017 20:10
О! Спасибо., второй вариант – то что надо.
Просмотрел Ваш сайт – очень много полезной информации.
И еще понравилось, что все статьи написаны довольно кратко, при этом весьма ёмко и доходчиво.
Спасибо за такой прекрасный сайт и оперативную помощь.
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Для того чтобы ваши комментарии появлялись мгновенно (без модерации), авторизируйтесь или пройдите регистрацию на сайте. Комментарии добавленные анонимно добавляются только после модерации, из-за большого количества спама.

Защитный код
Обновить