Адаптивное мобильное меню для Joomla!

mobile_menu_joomla

О важности мобильной версии сайта написана уже не одна статья и не на одном сайте. Многие пользуются адаптивными шаблонами, приспосабливающиеся под экраны устройств пользователей, другие устанавливают компоненты или плагины для настройки под мобильные устройства. Предлагаю адаптивное меню для вашего сайта на Joomla!. Возможно, кому-то пригодится. Оно имеет достаточно настроек и неплохо выглядит на экранах мобильных устройств.

mobile_menu_joomla

В настройках (напротив Screen Max Width (px)) доступные параметры расширений экрана, при которых данное меню будет отображаться. Например, если поставить 600 пикселей, то это означает, что данное меню появится только на устройствах с расширениями начиная от 600 пикселей и ниже. Кроме того, если сенсорное устройство имеет разрешение больше 600 пикселей, то меню все равно можно вызвать простым движением слева направо, или справа налево (в зависимости, в какой части сайта размещено ваше мобильное меню). Настроить можно и внешний вид мобильного меню: цвет активной, пассивной и посещённой ссылки, цвет фона, размер шрифта. Это касается и подменю.

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

mobile_menu_joomla

Зачем оно, если есть обычное стандартное с шаблона? Большинство стандартных меню плохо оптимизированы под мобильные устройства, даже если оптимизирован сам шаблон.

Небольшим недостатком (по моему мнению) является постоянное появление меню при прокрутке страницы. Только немного вы двигаете по экрану вправо или влево, и оно сразу же появляется. Но привыкнуть можно.

Поэтому кому нужно адаптивное и полностью бесплатное меню - качаем с сайта разработчика. Работает на Joomla!, начиная с версии 2.5.

Страница модуля меню

Если вы в поисках хостинга, могу порекомендовать Beget, которым сам пользуюсь (кстати, тестирование компонентов, модулей и плагинов происходят именно на нем).
Также могу порекомендовать дешевый
украинский хостинг, на котором есть один из моих проектов.

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


Комментарии   

# Пропадает выпадающие пунктыОксана 29.08.2019 13:43
А как сделать в этом меню чтобы подпункты не исчезали при наведении на них курсора?
Ответить
# RE: Пропадает выпадающие пунктыZheka 30.08.2019 00:35
Не могу открыть официальный сайт меню чтобы загрузить и протестовать. Если меню давно не обновлялось, то рекомендую найти что-то более новее. Я бы рекомендовал обратить внимание на RokNavMenu или Maxi menu CK.
Ответить
# RE: Адаптивное мобильное меню для Joomla!Тимофиев Владимир 21.06.2016 14:16
А как сделать так как у Вас на сайте?
В десктопной версии, когда открываешь статью, то в низу при переходе на мобильную версию попадаем на мобильный вариант статьи.

Вы какой-то плагин ставили? Если не секрет, раскажите как такое сделать себе на сайте?
Ответить
© 2020-z-soft