Кнопки на вертикальное меню joomla 3. Создание и настройка меню в Joomla

Для этой CMS доступно большое количество бесплатных расширений. Сегодня я подготовил для вас лучшие расширения меню Joomla .

Некоторые расширения могут не поддерживаться определенными версиями платформы. Поэтому прежде чем устанавливать расширение, нужно определить какую версию Joomla вы используете.

Maxi Menu CK

Это выпадающее адаптивное мега-меню с несколькими столбцами. Также можно загружать внутрь него модули. iPhone , iPad , Android-совместимое . AdsManager , совместимый с Joomshopping , Virtuemart , Hikashop :

SJ Flat Menu

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

JF Mobile Menu Module

Responsive Menu Module for Joomla

Позволяет создавать потрясающие красочные адаптивные меню. Этот модуль был протестирован во всех основных браузерах и мобильных устройствах. Поэтому ваш сайт будет выглядеть профессионально для всех, кто его посещает.

Данный модуль включает в себя множество функций, таких как выбор пользовательских цветов для фона меню и ссылок, 20 различных стилей шрифтов на выбор, закругленные или прямые углы и т.д. Хотите создать уникальное стилизованное меню с экстремальными цветовыми сочетаниями? Модуль Grue — это то, что вы ищете:

FREE Accordion Menu Joomla

Анимация в модуле меню для Joomla 3 создается с помощью библиотеки jQuery . В модуль включены готовые скины, и я решил сделать их на 100% настраиваемыми. Теперь пользователи могут редактировать цвета меню и изменять стиль шрифта:

Sticky Horizontal Bar Module Joomla

DJ-Menu

Это меню с анимированными эффектами mootools для Joomla 2.5 и 3.0 . Теперь можно легко управлять меню независимо от того, является ли оно анимированным или для него просто заданы стили CSS , без скриптов. DJ-Menu также является адаптивным. Модуль позволяет использовать в адаптивных шаблонах выпадающие меню и на небольших экранах:

jQuery Slide-Down-Box Menu for Joomla 2.5 & 3.x

RokNavMenu

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

jQuery Fly-Out Menu for Joomla 2.5

Простой в использовании модуль для создания меню, который поставляется с семью разными стилями цвета. Он использует библиотеку jQuery для эффекта плавного раскрытия меню. Легко настраивается и поддерживает многоуровневые меню (до 5 уровней ):

Меню ARI Ext

Модуль поддерживает вертикальное и горизонтальное меню Joomla 3 , два эффекта переходов. Он распространяется бесплатно по лицензии GPL .

От автора: приветствую Вас дорогой друг. В данной статье мы с Вами поговорим о том, как создается вертикальное меню для joomla 3. Конечно, тема не новая и уже несколько раз рассматривалась в статьях нашего сайта и скорее всего Вы отлично знаете, как реализуется данный элемент. Но так как меню, это важнейший блок любого хорошего веб-сайта, думаю совсем не лишним будет, рассмотреть парочку дополнительных расширений, благодаря которым очень легко сформировать данный навигационный блок.

Итак, как было сказано выше в данной статье, мы с Вами рассмотрим два достаточно интересных модуля, которые формируют в CMS Joomla вертикальное меню. А значит, первый модуль который мы рассмотрим – это Simple Responsive Menu.

Традиционно на странице описания текущего расширения, кликаем по кнопке “Download” для перехода на официальный сайт разработчика.

На момент написания данной статьи, последняя актуальная версия – 1.10, соответственно ее и скачиваем, используя кнопку “Download Now”. После скачивания, как обычно устанавливаем модуль. Используя менеджер расширений Joomla.

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

И переходим на страницу настройки только что установленного модуля.

В параметре “Select menu” выбираем меню, пункты которого будут отображаться в качестве контента модуля. Если меню многоуровневое, то есть содержит как родительские так и дочерние ссылки, значит в параметре “Show Sub-menu Items”, необходимо указать “Да”, в этом случае будут отображаться на экран подпункты. Так же, используя параметры “Start level” и “End Level”, Вы можете определить начальный и конечный уровень вложенности ссылок, то есть те уровни, которые будут отображены на экране. И наконец, выбираем позицию для вывода модуля на экран, указываем на каких страницах он будет доступен и определяем статус “Опубликовано”.

Теперь перейдем в пользовательскую часть для проверки результатов.

Как Вы видите, расширение отлично работает. При этом в модуле добавлена адаптивность, то есть при определенном размере экрана, контент модуля сворачивается в выпадающий список, тем самым значительно экономиться используемое место экрана.

Параметры, отвечающие за адаптивность содержатся на вкладке “Responsive Options”, страницы настройки текущего модуля. Теперь переходим к следующему модулю, под названием Joombig Menu Tree .

Данный модуль отображает на экран вертикальное меню, вид которого очень похож на дерево каталогов и файлов операционной системы Windows. Как обычно кликаем по кнопке “Download” для перехода на официальный сайт разработчика.

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

Теперь переходим на страницу настройки только что установленного модуля.

Параметры доступные для настройки:

Enable/Disable jQuery – подключить собственную библиотеку jQuery;

Width of module(%) – ширина модуля в процентах;

Margin – внешние отступы;

Select Menu – выбор меню отображаемого модулем;

Show/Hide Title Directory – показать или же скрыть заголовок родительского каталога (строка котрая будет отображаться над всеми пунктами меню)

Title directory – заголовок пункта верхнего уровня;

Start Level – начальный уровень показа многоуровневого меню;

End Level – конечный уровень показа многоуровневого меню;

Show Sub-menu Items – показывать ли вложенные пункты меню.

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

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

На этом данная статья завершена. Всего Вам доброго и удачного кодирования!!!

Современные тенденции и подходы в веб-разработке

Узнайте алгоритм быстрого роста с нуля в сайтостроении

Этот материал есть небольшим откатом назад по сравнению с остальными, но я это делаю не случайно. Связано это с тем, что я собираюсь публиковать материалы по порядку в зависимости от их сложности и необходимости. Делается это для того, чтобы каждый начинающий вебмастер мог без труда ориентироваться в статьях и изучать их по порядку не перепрыгивая с одной на другую. Итак, в этой статье речь пойдет о меню в Joomla , о создании меню и пунктов меню в Joomla, а также о настройке модулей меню и менеджера материалов .

Как известно CMS Joomla очень мощный движок для сайта. У него есть масса возможностей и особенностей. Одной из особенностей есть то, что в Joomla страницы создаются динамически, так как хранятся в базе данных, поэтому нельзя попасть на страницу с материалом, если она не связана ссылкой. Это я веду к тому, что если вы создали новый материал и опубликовали его, это еще не значит, что он появится на сайте и его найдут поисковики. Для того чтобы это произошло нужно создать для него пункт меню .

Создание меню в Joomla

В Joomla по умолчанию есть только одно меню. Его не всегда бывает достаточно и зачастую приходится создавать еще. Хочу заметить, что Joomla позволяет создавать неограниченное количество меню и выводить их на сайте при помощи модулей в определенных позициях, но это потом. Итак, для того создать меню нужно сделать следующее. Переходим в Административную панель – Все меню – Меню. Затем в «Менеджере меню» жмем «Создать», в результате чего у вас должно открыться окно «Детали меню», которое будет иметь следующий вид.

Здесь нам нужно заполнить следующие поля:

• Системное имя – присваиваем уникальное имя нашему меню, которое будет использоваться Joomla. Имя должно быть написано английскими буквами и желательно покороче, так как будет использоваться в коде для идентификации этого меню Joomla.
• Заголовок – сюда вписываем название меню для себя. Оно будет отображаться в административной панели Joomla.
• Описание – аналогично предыдущему.
• Заголовок модуля – имя модуля, который автоматически появится после создания меню. Потом его можно будет изменить, зайдя в Расширения – Менеджер модулей и выбрав нужный нам модуль меню.

Создание и настройка модулей меню в Joomla. Функции модулей меню

Прежде чем приступать к настройкам модуля меню, давайте разберемся с его основными функциями. Грубо говоря, у него их 5.

1. Отвечает за вывод меню на сайте в определенном месте (позиции).
2. Определяет внешний вид (горизонтально, вертикально).
3. На каких страницах отображать меню, а на каких нет.
4. Кому должно быть видно меню (всем, только зарегистрированным и т.д).
5. Отображать или скрыть вложенные пункты.

Теперь переходим к самому модулю меню. Для этого заходим в Расширения – Менеджер модулей и находим там модуль с названием, которое вы дали ему на этапе создания нового меню. Он сейчас неактивный. Для того чтобы активировать его заходим в него кликнув по его названию либо выделив галочкой и нажав по кнопке «Изменить». В результате у вас должно открыться окно с настройками модуля меню. Первая часть настроек называется «Подробности».

• Заголовок – здесь мы можем изменить название модуля, которое будет отображаться на сайте.
• Показать заголовок – выбираем показывать заголовок на сайте или нет.
• Включен – включение/выключение модуля меню.
• Позиция – здесь нам нужно указать, в какой позиции на сайте Joomla будет выводиться данный модуль меню. Для того, чтобы проверить все возможные позиции для своего сайта Joomla просто добавьте в адресную строку текст «?tp=1» (без кавычек). На практике это выглядит так: https://archive.сайт/?tp=1

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

• Порядок – выбираете, в каком порядке выводить модули в данной позиции. Это необходимо, если у вас в одной позиции выводятся два модуля или более.
• Доступ – отвечает за отображение меню для разных групп пользователей. Обычно меню доступно всем и выбирается значение «Все».

Теперь переходим к пункту «Назначение меню». Здесь можно выбрать на каких страницах будет отображаться данное меню. По умолчанию стоит значение «Все». Если вы хотите отображать меню не везде, то выберите значение «Выбрать из списка» и отметьте нужные вам пункты меню, зажав при этом клавишу Ctrl.

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

Параметры модуля

• Название меню – выбираем то меню, которое вы создали либо которое вам необходимо.
• Стиль меню – выбираете стиль отображения меню. Здесь нужно тестировать, так как внешний вид будет зависеть от шаблона, который вы используете на своем сайте Joomla.
• Начальный уровень – указываем номер уровня меню, с которого меню будет показано в модуле.
• Последний уровень – номер уровня меню, до которого меню будет показываться в модуле. Обычно это и предыдущее поле оставляют без изменений со значениями 0 0.
• Всегда показывать вложенные подпункты – выбираем, хотим ли мы? чтобы меню всегда отображалось целиком со всеми вложенными подпунктами.
• Назначение Target – ну здесь смысл понятен, но обычно это поле не трогают и оставляют пустым.

Расширенные параметры

• Показывать пробелы – обычно ставится значение «Нет».
• Кэширование – выбираем включать или не включать кэширование для модуля меню. Обычно этого лучше не делать, так как если ваше меню изменяет свой вид в зависимости от того, на какой странице вы находитесь, то это может повлиять на правильную работу модуля меню, например, будет постоянно гореть только один пункт меню. Думаю, смысл понятен.
• ID Меню — идентификатор корневого HTML элемента меню. Обычно поле оставляется по умолчанию.
• Суффикс класса меню — суффикс CSS-класса для изменения внешнего вида меню.
• Суффикс класса модуля – почти то же самое, что и суффикс класса меню.
• Максимальная вложенность – максимальное количество отображения вложенных пунктов меню, после чего они просто начнут игнорироваться и выводиться не будут.

Другие Параметры

• Показывать иконки меню – ну здесь все понятно. Включаем или выключаем отображение иконок для меню.
• Выравнивание картинки меню – выбираем выравнивание для картинок меню. Если предыдущий пункт не включен, то можно пропустить данный пункт.
• Раскрывать меню – отвечает за раскрытие меню и отображение подменю. Можно оставить по умолчанию.
• Активировать родителя – активация родительских пунктов в меню.
• Полное активное выделение – «По умолчанию».

Остальные настройки я рассматривать не буду. Единственное скажу, что в поле «Выравнивание картинки» лучше ставить значение «Шаблон». Благодаря этому меню примет тот стиль, который ему придумали разработчики шаблона.

Ну и в завершение давайте рассмотрим, как же создавать пункты меню в Joomla.

Создание и настройка пунктов меню в Joomla

Joomla позволяет создавать пункты меню как для отдельных статей, так и для разделов, категорий, внешних ссылок и т.д.. Я опишу создание пунктов меню только для первых трех случаев.

Итак, для того чтобы создать пункт меню в Joomla нужно сделать следующее. Заходим в Административную панель – Все меню – Ваше меню и в открывшемся окне жмем «Создать». Здесь нам потребуется выбрать тип «Материалы».

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

1. Для создания пункта меню ведущего на отдельную статью – «Стандартный шаблон материала».
2. Для пункта меню ведущего на материалы категории — «Шаблон списка категории».
3. Для отображения содержания раздела – «Стандартный шаблон раздела».

После выбора нужного вам типа у вас откроется окно с настройками пункта меню. Для примера я выбрал «Стандартный шаблон материала».

• Заголовок – название пункта меню.
• Псевдоним – можно оставлять пустым.
• Показать в – выбираем в каком меню мы хотим, чтобы появился наш пункт меню.
• Родительский элемент – ну думаю тут и так все понятно.
• Опубликовано – то же самое, что и с предыдущим пунктом.
• Доступ – кто может видеть этот пункт меню. Обычно ставится значение «Все».
• Открывать в – обычно ставится «этом же окне с навигацией».

Теперь перейдем к «Параметрам». Здесь мы рассмотрим только вкладки «Основные» и «Система». Сначала давайте разберемся с первым. Во вкладке «Основные» нужно выбрать тот материал, который вы хотите привязать к пункту меню. Теперь перейдем к следующей вкладке под названием «Система».

Здесь самую важную роль играют два пункта. Это «Заголовок страницы» и «Показать заголовок страницы». Первый пункт отвечает за формирование Title для пункта меню, а второй за активацию этой функции. Title очень важен для , поэтому рекомендую отдельно ознакомиться со статьей « ».

На этом статья о создании и настройке меню в Joomla подошла к концу. Удачи вам и до скорых встреч на страницах блога!

Всем привет! можно разделить на две составляющие: первая — это само меню, а вторая — его пункты. Звучит весьма странно. Само по себе меню это, фактически, коробка, которую мы создадим, назовем и будем выводить на сайт с помощью соответствующего модуля. Но этого мало, его еще следует наполнить нужной информацией — пунктами. От типа и настроек пункта будет зависеть содержание страницы сайта, на которую он ведет. В этой статье мы рассмотрим все аспекты работы с меню Joomla: создание, настройка и добавление на страницы сайта.

Пока выше сказанное выглядит весьма запутанно. Сейчас будем рассматривать работу со все по порядку.

Создание и настройка меню Joomla

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

Сразу после установки Joomla уже имеется одно меню — Главное. Если заглянуть в него, то можно увидеть даже одноименный пункт — «Главная».

Зачем для нас уже подготовили все это? Вот тут то мы и подошли к основополагающему правилу в работе Joomla: страница начинает существовать только после создания пункта меню (ПМ), связанного с ней (на нее ссылающегося). И не важно, выводится меню на сайт или нет, главное, чтобы оно было и был пункт на соответствующую страницу. Даже главная страница создана по такому принципу. Если пойти дальше в своих рассуждениях, то можно сказать, что в Joomla нет страниц как таковых, есть пункты меню, которые выполняют эту роль . Тип же пункта отвечает за то, какая информация будет выводиться в области контента новой страницы.

Что в итоге. Нужна новая страница? Создаем меню, создаем в нем пункт с нужным типом и получаем новую страницу. Контент страницы будет зависит от выбранного типа и настроек ПМ. Это нужно понять и запомнить!

Многие при первом знакомстве с Joomla думают, что создавая новый материал через соответствующий менеджер, создают и новую страницу сайта. Это не так. Новая страница создается только с помощью ПМ Joomla. Его тип определяет разновидность информации, выводимой в области контента. Так вот, создаваемый материал — это всего лишь один из таких разновидностей информации для области контента.

Все что требуется, это ввести:

• Заголовок — будет отображаться в панели управления, в списке доступных меню;
• Тип — системное имя латинскими буквами;
• Описание — заполнять необязательно.

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

Соответственно, для удаления меню, отметьте его и используйте кнопку «Удалить».

Добавление новых пунктов

Теперь переходим к самому интересному. Создать меню это только пол дела, главное его наполнить пунктами! Для этого выбираем меню из списка уже имеющихся (просто кликаем по его названию) и попадаем в раздел, отвечающий за его пункты. Для создания нового пункты нажимаем на кнопку «Создать» в тулбаре. Попадаем в конструктор пунктов, давайте разберем его настройки.

Первой и главной опцией является . Он отвечает за то, какого рода информация будет выводится в области контента страницы. Типов всего 29. Достаточно много. Каждый тип имеет свои обязательные параметры, которые позволяют конкретизировать информацию, выводимую на страницы.

Например, тип — материал, отвечает за вывод созданных материалов в область контента страницы, его обязательные параметры позволяют выбрать, какой именно из имеющихся материалов будет добавлен на эту страницу.

Второй обязательной опцией является Заголовок — под этим именем пункт будет добавлен в меню.

• Алиас — заполнять необязательно. При включенных SEF Joomla самостоятельно сформирует читабельный адрес для новой страницы.
• Примечание — небольшая пояснительная записка.
• Ссылка — заполнится автоматически после сохранения ПМ. Будет отображаться оригинальный URL адрес страницы до преобразования его к человеко понятному (SEF) виду.
• Состояние: опубликовано — если меню уже выведено на сайт, то данный пункт сразу после сохранения появится в нем; не опубликовано — пункт сохранится, но не появится на сайте; в корзине — удалить.
• Доступ — определяет уровень доступа.
• Меню — куда добавить создаваемый пункт.
• Родительский элемент — по умолчанию это корневой ПМ, но так же можно сделать его подпунктом (дочерним элементом) другого ПМ.
• Порядок — возможность задать порядковый номер для пункта, появляется после его сохранения.
• Целевое окно — в каком окне браузера открывается страница, на которую ссылается данный пункт меню.
• Главная страница — созданная страница станет главной для сайта. Заметьте, главная страница только одна.
• Язык для данного пункта меню.
• Стиль шаблона — определить стиль для новой страницы сайта. По умолчанию будет использоваться стиль активного шаблона Joomla.
• ID — уникальный идентификационный номер.

Настройка порядка пунктов меню

Список ПМ является строго упорядоченным — соблюдается иерархия и порядок следования.

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

В качестве примера, на рисунке для пункта «Франция»: «Великобритания» и «Германия» — братья, а «Европа» — родительский элемент.

Порядок следования определяет расположение пунктов в меню, стоящих на одной ступени иерархии и относящихся к одному родительскому элементу. Порядок можно поменять, используя стрелки.

Модуль меню Joomla

Меню бывают:

1. Мнимые — они не выводятся на сайт, а создаются только для того, чтобы добавить в них пункты и тем самым создать новые страницы сайта.

2. Действительные — выводятся на сайт и используются для навигации.

Если вы уже читали статьи, посвященные модулям Joomla, то должны догадаться — меню выводится на сайт с помощью соответствующего одноименного модуля.

В прошлых статьях, я уже рассказывал об и об , присущих только модулю Меню. Для наглядности рассмотрим их применительно к произвольному Левому меню.

1. Подробно.

• Заголовок — если заголовок будет выводиться на страницы сайта, то он должен быть осмысленным и понятным прежде всего читателю. Если заголовок не выводится на сайт, то можно по этому поводу особо не заморачиваться.
• Показывать заголовок — соответственно показывать заголовок, указанный выше, на страницах сайта или нет.
• Позиция — позиция для модуля зависит от используемого . Чаще всего определить место под будущее меню не составит труда: под главное выделяется место в шапке сайта, а под дополнительные — левые или правые колонки. Конечно, есть шаблоны попроще, в которые для меню предусмотрены только левая или правая колонки.
• Состояние — выбираем «Опубликовано», чтобы сразу после сохранения, меню появилось на страницах сайта.
• Доступ — если это не системное меню для администраторов Joomla, а обычное для всех пользователей сайта, то оставляем уровень доступа — «Для всех».
• Порядок — определяет порядок следования модулей на одной позиции.
• Начало/завершение публикации — если меню не носит временный характер, то данные опции трогать не стоит.
• Последние опции не требуют нашего вмешательства.

Как я уже говорил, пункты меню в Joomla, это, фактически, страницы сайта. Поэтому, выбирая привязку к ПМ, мы выбираем страницы, на которых данное меню будет выводится на сайт.

3. Основные параметры

1. Выбираем меню, которое собираемся выводить на сайт.
2. Как я говорил, пункты в меню представляют собой иерархию. Данная опция позволяет задать, какие уровни этой иерархии будут выводится. Чтобы отображались все ПМ, включая подпункты, в начальном уровне укажите «1», в последнем — «Все», а в следующей опции выберете «Да».

Ну вот вроде со всем разобрались! Спасибо за внимание и до скорых встреч. Всегда ваш Дмитрий Афонин.

Оценка на JED: в целом - 28 , функциональность - 50 , поддержка - 23 , документация - 28 .

BM Cool Menu - один из самых любимых моих бесплатных и безопасных модулей для CMS Joomla 3 . Мне нравится его простота и лаконичность, адаптивность (что нечасто встретишь в бесплатных вариантах) и возможность лёгкой донастройки вручную. В чистом виде это расширение меня не совсем устраивало, но при некоторой корректировке файла CSS проблем не осталось. Думаю, что невысокие оценки модуля в каталоге Joomla JED объясняются именно необходимостью его ручной донастройки. Это не так сложно, как кажется. Тем более, собственные настройки файла CSS я сохранил для себя и вас в отдельном файле.

Этот модуль идеально подойдёт тому, кто нуждается в простом адаптивном горизонтальном и полностью бесплатном меню на своём сайте с Joomla 3. Сразу скажу, что он поддерживает многоуровневые меню , но лично у меня на некоторых сайтах возникли определённые проблемы с этим. Пока я с ними не разбирался, так как нашёл другие варианты; но полагаю, что дело в конфликте библиотек jQuery - при желании это более чем решаемо. (Ниже расскажу, как я их решил. Дело вовсе не jQuery).Для одноуровневых меню модуль более чем оптимален. Я его использую на большинстве своих сайтов.

Демо модуля BM Cool Menu

Собственно демо этого модуля представлено в шапке данного сайта. Оно же продублировано в футере. Как работает это меню с многоуровневой структурой можно посмотреть здесь.

Настройки бесплатного модуля адаптивного меню BM Cool Menu

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

• Show Sub-menu Items - показывать подпункты или нет.
• Text color - цвет текста.
• Hover text color - цвет текста при наведении курсора мыши.
• Menu"s background - цвет фона меню.
• Background image - картинка в качестве фона (настройки в формате css)
• Show border - показывать рамку или нет.
• Border radius - радиус скругления углов в рамке.
• Border color - цвет рамки.
• Active background - цвет активного пункта меню.
• Load jQuery - подключать или нет библиотеку jQuery.

Вот собственно и все настройки. Достаточно просто и лаконично. Лично мне такие бесплатные модули по душе больше, чем громоздкие и неповоротливые расширения с большим числом опций, которые я никогда в жизни не стану использовать.

Ручная донастройка стилей BM Coll Menu

Теперь скажу пару слов о ручной донастройке модуля для создания адаптивного меню на Joomla 3 BM Cool Menu. Проблема у меня возникла, когда я решил полностью убрать скругление углов (border radius) и рамку (border color). После внесения соответствующих изменений в настройках модуля в админке на компьютере в развёрнутом режиме (во всю страницу) меню отлично отражало все эти изменения, однако на мобильных устройствах и в свёрнутом окне и рамка, и скругление сохранялись. К тому же модуль в сжатом виде неизменно поднимался наверх и закрывал собой часть другого модуля, находящегося выше. Мне хотелось настроить отображение меню так, чтобы все его пункты выравнивались по центру. Дело в том, что, например, на экране компьютера 4:3 всё выгледело вполне ровненько и пристойно, а вот на 16:9 меню прижималось влево и выглядело как-то не так. Ну и плюс ко всему мне отелось убрать светлую полоску, разделяющую между собой пункты меню.

Решение нашлось в изменении или комментировании некоторых строк в файле css модуля, который лежит по пути: /modules/mod_bm_cool_menu/assets/css/style.css . Старый файл я на всякий случай сохранил в нетронутом виде под именем old-style.css . А в новом внёс кое-какие изменения.

Выравниванию меню по центру

В классе .bm-cool-menu li я заменил float:left; на inline:block; (строка 29) и то же самое сделал в строке 37 класса .bm-cool-menu a . Также добавил в строку 10 класса .bm-cool-menu : text-align:center;

Убираю белую разделительную линию между пунктами меню

Для этого полностью комментирую строку 30. Для тех, кто забыл или никогда не знал, как это делается: /*border-right: solid thin #fcfcfc;*/

Дополнительная настройка отображения меню на мобильных

Чтобы меню не закрывало собой модуль (или логотип), находящийся выше, в классе .bm-cool-menu-trigger (строка 167 и ниже) я добавил отступ сверху: margin-top:10px;

Для того, чтобы рамка меню и закругления углов не отображались в мобильной версии, я закомментировал строки 173, а также со 175 по 180.

Модифицированный мной файл style.css я выложил внутри архива с модулем по прямой ссылке . Он называется mystyle.css . В случае нежелания возиться с изменением стилей вручную вы можете использовать его, просто переименовав в style.css .

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

Меняю заглавие меню в мобильной версии

Ну и осталась одна совсем маленькая, но существенная деталь. Изменить слово Menu , написанное латиницей при просмотре страниц в мобильной версии или при сворачивании страницы в браузере в небольшое окошко. Можно было бы предположить, что изменения надо вносить в языковой файл - но вот нет. Оказывается надо поставить свой заголовок меню в файле по пути: /modules/mod_bm_cool_menu/tmpl/default.php (строка 14).

Вот и всё. Основное, кажется, я рассказал. Признаюсь честно, что вышел на этот модуль я случайно и, глядя на его оценки, поначалу отнёсся к нему довольно скептично. Однако испробовав другие варианты и поняв, что бесплатных и безопасных адаптивных меню в официальном каталоге очень и очень мало, я вернулся к этому и стал его донастраивать. Сейчас я его использую на большинстве своих сайтов.

Решение проблемы с неработающим BM Cool Menu

Проблема, которую я имею ввиду, состоит в следующем: на некоторых сайтах у меня BM Cool Menu не раскрывало подпункты ни при наведении, ни при клике. Я долго думал, что имеет место некий конфликт скриптов. Когда нашлось время наконец-то разобраться с этим, то я увидел, что даже на абсолютно чистом, только установленном сайте Joomla 3 меню не раскрывалось. Тут-то мне и стало понятно, что дело вовсе не в каких-то конфликтах. Опытным путём и ценой огромного количества нервных клеток мне всё-таки удалось установить, что проблема с расворачиванием и отображением многоуровневого меню BM Cool Menu проявляется только в позиции Position-1 шаблона стандартного джумловского шаблона Protostar. Переставив этот модуль в любую другу позицию (например, banner), происходят чудеса - и он начинает работать.

Если же непременно нужно расположить меню в Position-1, то придётся слегка подкорректировать индексный файл шаблона Protostar (index.php в корне шаблона - /templates / protostar / index.php). Дело в том, что по умолчанию вывод этот позиции обёрнут в контейнер nav с родным классом меню Joomla 3 navigator. Удалив эту «обёртку» и заменив style с «none» на «xhtml», мы получаем позицию 1, в которой модуль BM Cool Menu начнёт работать так, как надо.

Итак, находим этот фрагмент:

nav class="navigation" role="navigation">

Удаляем 1 и 3 строку, а также заменяем во второй строке «none» на «xhtml». Вот и всё решение.

Ссылки BT Content Slider - модуля ленты новостей в виде слайдера

Официальное ДЕМО модуля BM Cool Menu

Страница модуля BM Cool Menu в официальном каталоге расширений Joomla

Официальный сайт модуля BM Cool Menu

Скачать модуль BM Cool Menu по прямой ссылке