Обзор модулей меню для CMS Joomla 3.x.
1. Maxi Menu CK
CMS Joomla 2.5/3. x.
Мощный, SEO оптимизированный модуль для создания горизонтального или вертикального выпадающего меню с адаптивным дизайном и красивыми эффектами. Кроме того, имеется возможность публикации на одной странице нескольких экземпляров данного модуля. К сожалению, функционал бесплатной версии данного расширения весьма ограничен.
После установки модуля на экране отображаются ссылки для загрузки документации к нему и платных опций: расширенного пакета графических тем оформления, плагина легкого управления меню, патчей для компонентов «Virtuemart», «Hikashop», «Joomshopping» и K2, а также плагина для корректного отображения созданного меню на мобильных устройствах.
Далее нужно перейти в «Менеджер модулей» и выбрать в нем «Maxi Menu CK». На вкладке «Module» панели управления модулем можно выбрать меню для публикации, ввести уникальный ID модуля, базовый пункт меню и его начальный и конечный уровни, а также можно выключить опцию подуровней.
Кроме того, можно воспользоваться мастером настройки меню:
Удобство использования мастера меню состоит в быстром переключении между типами меню и необходимыми им опциями, но актуально по большей части, лишь в случае установленных дополнительно платных расширений. На вкладке «Привязка к пунктам меню» можно выбрать страницы сайта, на которых будет отображаться модуль; вкладке «Effect Options» позволяет отключить использование эффектов на javascript, выбрать их тип загрузки и произвести настройку визуальных эффектов для пунктов и подпунктов меню. В «Styles Option» можно выбрать тему меню (по умолчанию доступно три), ориентацию меню, отключить адаптивный дизайн меню и выбрать файл CSS шаблона.
В разделе «Logo options» можно выбрать файл логотипа, который будет отображаться на меню, добавить к нему ссылку и определить его позицию, ширину, высоту и отступы. После выбора позиции меню в шаблоне и изменения состояния на «Опубликовано», меню появляется на сайте.
Работающее на сайте расширение выглядит следующим образом:
Данное меню (после установки платного патча) оптимально использовать в качестве основного меню для интернет-магазина на «Joomshopping», «Virtuemart» или «Hikashop», поскольку оно позволяет автоматически вывести список категорий товаров.
2. ARI Ext Menu
Расширение полностью совместимо с CMS Joomla 1.5-1.7/2.5/3. x.
Настраиваемый модуль меню, поддерживающий горизонтальную и вертикальную ориентацию, два эффекта перехода.
Для установки расширения требуется перейти к «Менеджеру расширений», выбрать посредством диалога загруженный файл модуля и нажать на кнопку «Загрузить и установить». В настройках модуля можно выбрать меню, которое будет отображаться посредством данного модуля, ориентацию меню, начальный и конечный уровень иерархии, а также настроить такие параметры, как показывать только активные подпункты меню, подсвечивать текущий пункт меню. Среди системных настроек доступны опция загрузка библиотеки ExtJS, выбор метода ее загрузки и генерация уникального идентификатора. Также можно настроить параметры стиля пунктов и подпунктов меню: цвет фона, текста, размер шрифта, выравнивание и прочее. Расширенные настройки модуля вполне стандартные и содержат параметры кэширования, срок кэширования, HTML-тег модуля, размер Bootstrap, HTML-тег заголовка и CSS-класс заголовка. После задания модулю позиции и публикации модуля на сайте появляется меню следующего вида:
3. Accordeon Menu CK
Расширение полностью совместимо с CMS Joomla 2.5/3. x.
Еще одно меню от студии JoomlaCK. Позволяет вставить красивые эффекты при открытии подменю, многократно использовать модуль на странице. Особенность модуля является возможность вставки в него других модулей. Также в дополнение к модулю имеются платные патчи для Hickashop и Virtuemart.
После стандартной процедуры установки расширения на экране появляется сообщение об успешной установке модуля и ссылка на загрузку документации к нему, а также приводится вид ссылки для вставки любого модуля в качестве одного из пунктов меню.
Перейдя к панели управления модулем можно выбрать меню для отображения в модуле, базовый пункт меню, начальный и конечный уровни, а также установить суффиксы и тип выравнивания ссылок для изображений. На вкладке «Effects» можно выбрать событие, при котором пункт меню открывается, будет ли показана ссылка при наведении курсора мыши на изображение, тип перехода, необходимость использования эффектов для активного подменю; также можно задать ID пункта меню, активного по умолчанию. На вкладке «Styles» можно выбрать для меню тему оформления, указать папки с изображениями, которые будут отображаться при свернутом и при развернутом меню, а также указать для них позицию выравнивания. Вкладка «Menu styles» содержит множество настроечных параметров внешнего вида меню: полей, заднего плана, закругления углов пунктов меню, теней и границ. На вкладках «First level link styles», «Second level link styles» и «Other level link styles» можно изменить шрифт, цвет текста и фона для ссылок, выводимых в пунктах меню. Вкладка «Third party extensions Options» предназначена для настроек совместимости с компонентами «Hikashop» и «Virtuemart» и требует загрузки и установки соответствующих патчей. Настройка мобильных опций в бесплатной версии расширения также недоступна.
Для успешного функционирования требуется выполнить привязку модуля к пунктам меню, указать его позицию и опубликовать. Ниже приведен пример работы модуля на сайте.
4. JB DropDown Menu for Bootstrap
Расширение полностью совместимо с CMS Joomla 2.5/3. x.
Модуль меню, работающий с Twitter"s Bootstrap и JBootstrap, основан на встроенном модуле меню Joomla. Установка модуля стандартна. В настройках модуля требуется лишь выбрать одно из меню системы, начальный и конечный уровень, а также имеется настраиваемая возможность показывать подпункты меню. После того, как Вы назначите данному модулю его позицию и опубликуете его, на сайте появится меню следующего вида:
5. DJ-Menu
Расширение полностью совместимо с CMS Joomla 2.5/3. x.
Меню с выпадающим списком и анимированными эффектами на базе Mootools. Установка модуля производится стандартно. На вкладке «Module» настроек расширения необходимо выбрать меню, которое модуль будет отображать, а также определить последний из его уровней и, если это требуется, включить вывод меню на маленьких экранах и установить его ширину в этом случае. Вкладка «CSS3 Animations and script features» позволяет настроить эффекты анимации при входе и выходе из меню, а также скорость анимации, установить время задержки при закрытии подменю, CSS-класс заголовка, его HTML-тег и размер Bootstrap.
Ниже приведен пример созданного с помощью данного модуля меню.
Все рассмотренные в обзоре модули для создания на сайте под управлением CMS Joomla 3.x меню позволяют создать меню с подуровнями. Рассмотренные модули по большей части отличаются наличием тех или иных эффектов анимации и возможностью отображения на мобильных устройствах. Поэтому для сайтов, ориентированных на мобильных пользователей (а таких становится всё больше), стоит отдать предпочтение модулю «DJ-Menu». Модуль «Accordeon Menu CK» хорош тем, что позволяет вставить в себя содержимое другого модуля; модуль «JB DropDown Menu for Bootstrap» - самый простой и «легкий» из рассмотренных расширений и будет неплохо выглядеть в паре, например, с модулем меню Joomla по умолчанию. Функциональность модуля «Maxi Menu CK» впечатляет, но, поскольку в бесплатной версии она существенно ограничена, для того, чтобы воспользоваться ей, требуются финансовые вложения.
Этот материал есть небольшим откатом назад по сравнению с остальными, но я это делаю не случайно. Связано это с тем, что я собираюсь публиковать материалы по порядку в зависимости от их сложности и необходимости. Делается это для того, чтобы каждый начинающий вебмастер мог без труда ориентироваться в статьях и изучать их по порядку не перепрыгивая с одной на другую. Итак, в этой статье речь пойдет о меню в Joomla , о создании меню и пунктов меню в Joomla, а также о настройке модулей меню и менеджера материалов .
Как известно CMS Joomla очень мощный движок для сайта. У него есть масса возможностей и особенностей. Одной из особенностей есть то, что в Joomla страницы создаются динамически, так как хранятся в базе данных, поэтому нельзя попасть на страницу с материалом, если она не связана ссылкой. Это я веду к тому, что если вы создали новый материал и опубликовали его, это еще не значит, что он появится на сайте и его найдут поисковики. Для того чтобы это произошло нужно создать для него пункт меню .
Создание меню в Joomla
В Joomla по умолчанию есть только одно меню. Его не всегда бывает достаточно и зачастую приходится создавать еще. Хочу заметить, что Joomla позволяет создавать неограниченное количество меню и выводить их на сайте при помощи модулей в определенных позициях, но это потом. Итак, для того создать меню нужно сделать следующее. Переходим в Административную панель – Все меню – Меню. Затем в «Менеджере меню» жмем «Создать», в результате чего у вас должно открыться окно «Детали меню», которое будет иметь следующий вид.
Здесь нам нужно заполнить следующие поля:
- Системное имя – присваиваем уникальное имя нашему меню, которое будет использоваться Joomla. Имя должно быть написано английскими буквами и желательно покороче, так как будет использоваться в коде для идентификации этого меню Joomla.
- Заголовок – сюда вписываем название меню для себя. Оно будет отображаться в административной панели Joomla.
- Описание – аналогично предыдущему.
- Заголовок модуля – имя модуля, который автоматически появится после создания меню. Потом его можно будет изменить, зайдя в Расширения – Менеджер модулей и выбрав нужный нам модуль меню.
Создание и настройка модулей меню в Joomla. Функции модулей меню
Прежде чем приступать к настройкам модуля меню, давайте разберемся с его основными функциями. Грубо говоря, у него их 5.
- Отвечает за вывод меню на сайте в определенном месте (позиции).
- Определяет внешний вид (горизонтально, вертикально).
- На каких страницах отображать меню, а на каких нет.
- Кому должно быть видно меню (всем, только зарегистрированным и т.д).
- Отображать или скрыть вложенные пункты.
Теперь переходим к самому модулю меню. Для этого заходим в Расширения – Менеджер модулей и находим там модуль с названием, которое вы дали ему на этапе создания нового меню. Он сейчас неактивный. Для того чтобы активировать его заходим в него кликнув по его названию либо выделив галочкой и нажав по кнопке «Изменить». В результате у вас должно открыться окно с настройками модуля меню. Первая часть настроек называется «Подробности».
- Заголовок – здесь мы можем изменить название модуля, которое будет отображаться на сайте.
- Показать заголовок – выбираем показывать заголовок на сайте или нет.
- Включен – включение/выключение модуля меню.
- Позиция – здесь нам нужно указать, в какой позиции на сайте Joomla будет выводиться данный модуль меню. Для того, чтобы проверить все возможные позиции для своего сайта Joomla просто добавьте в адресную строку текст «?tp=1» (без кавычек). На практике это выглядит так: https://archive.сайт/?tp=1
После этого нажмите «Enter», в результате чего страница обновится и вы увидите все доступные позиции для вашего шаблона Joomla. Выбрав нужную вам, выбираете ее в настройках модуля в строке «Позиция».
- Порядок – выбираете, в каком порядке выводить модули в данной позиции. Это необходимо, если у вас в одной позиции выводятся два модуля или более.
- Доступ – отвечает за отображение меню для разных групп пользователей. Обычно меню доступно всем и выбирается значение «Все».
Теперь переходим к пункту «Назначение меню». Здесь можно выбрать на каких страницах будет отображаться данное меню. По умолчанию стоит значение «Все». Если вы хотите отображать меню не везде, то выберите значение «Выбрать из списка» и отметьте нужные вам пункты меню, зажав при этом клавишу Ctrl.
Теперь давайте перейдем к осмотру параметров модуля. Здесь есть три вкладки. Мы не будем детально рассматривать их, так как зачастую это не нужно. Давайте рассмотрим только самые основные настройки модулей меню.
Параметры модуля
- Название меню – выбираем то меню, которое вы создали либо которое вам необходимо.
- Стиль меню – выбираете стиль отображения меню. Здесь нужно тестировать, так как внешний вид будет зависеть от шаблона, который вы используете на своем сайте Joomla.
- Начальный уровень – указываем номер уровня меню, с которого меню будет показано в модуле.
- Последний уровень – номер уровня меню, до которого меню будет показываться в модуле. Обычно это и предыдущее поле оставляют без изменений со значениями 0 0.
- Всегда показывать вложенные подпункты – выбираем, хотим ли мы? чтобы меню всегда отображалось целиком со всеми вложенными подпунктами.
- Назначение Target – ну здесь смысл понятен, но обычно это поле не трогают и оставляют пустым.
Расширенные параметры
- Показывать пробелы – обычно ставится значение «Нет».
- Кэширование – выбираем включать или не включать кэширование для модуля меню. Обычно этого лучше не делать, так как если ваше меню изменяет свой вид в зависимости от того, на какой странице вы находитесь, то это может повлиять на правильную работу модуля меню, например, будет постоянно гореть только один пункт меню. Думаю, смысл понятен.
- ID Меню — идентификатор корневого HTML элемента меню. Обычно поле оставляется по умолчанию.
- Суффикс класса меню — суффикс CSS-класса для изменения внешнего вида меню.
- Суффикс класса модуля – почти то же самое, что и суффикс класса меню.
- Максимальная вложенность – максимальное количество отображения вложенных пунктов меню, после чего они просто начнут игнорироваться и выводиться не будут.
Другие Параметры
- Показывать иконки меню – ну здесь все понятно. Включаем или выключаем отображение иконок для меню.
- Выравнивание картинки меню – выбираем выравнивание для картинок меню. Если предыдущий пункт не включен, то можно пропустить данный пункт.
- Раскрывать меню – отвечает за раскрытие меню и отображение подменю. Можно оставить по умолчанию.
- Активировать родителя – активация родительских пунктов в меню.
- Полное активное выделение – «По умолчанию».
Остальные настройки я рассматривать не буду. Единственное скажу, что в поле «Выравнивание картинки» лучше ставить значение «Шаблон». Благодаря этому меню примет тот стиль, который ему придумали разработчики шаблона.
Ну и в завершение давайте рассмотрим, как же создавать пункты меню в Joomla.
Создание и настройка пунктов меню в Joomla
Joomla позволяет создавать пункты меню как для отдельных статей, так и для разделов, категорий, внешних ссылок и т.д.. Я опишу создание пунктов меню только для первых трех случаев.
Итак, для того чтобы создать пункт меню в Joomla нужно сделать следующее. Заходим в Административную панель – Все меню – Ваше меню и в открывшемся окне жмем «Создать». Здесь нам потребуется выбрать тип «Материалы».
Для того, чтобы создать разные пункты меню нужно выбирать разные типы материалов. Рассмотрим три основных.
- Для создания пункта меню ведущего на отдельную статью – «Стандартный шаблон материала».
- Для пункта меню ведущего на материалы категории — «Шаблон списка категории».
- Для отображения содержания раздела – «Стандартный шаблон раздела».
После выбора нужного вам типа у вас откроется окно с настройками пункта меню. Для примера я выбрал «Стандартный шаблон материала».
- Заголовок – название пункта меню.
- Псевдоним – можно оставлять пустым.
- Показать в – выбираем в каком меню мы хотим, чтобы появился наш пункт меню.
- Родительский элемент – ну думаю тут и так все понятно.
- Опубликовано – то же самое, что и с предыдущим пунктом.
- Доступ – кто может видеть этот пункт меню. Обычно ставится значение «Все».
- Открывать в – обычно ставится «этом же окне с навигацией».
Теперь перейдем к «Параметрам». Здесь мы рассмотрим только вкладки «Основные» и «Система». Сначала давайте разберемся с первым. Во вкладке «Основные» нужно выбрать тот материал, который вы хотите привязать к пункту меню. Теперь перейдем к следующей вкладке под названием «Система».
Здесь самую важную роль играют два пункта. Это «Заголовок страницы» и «Показать заголовок страницы». Первый пункт отвечает за формирование Title для пункта меню, а второй за активацию этой функции. Title очень важен для , поэтому рекомендую отдельно ознакомиться со статьей « ».
На этом статья о создании и настройке меню в Joomla подошла к концу. Удачи вам и до скорых встреч на страницах блога!
От автора: приветствую Вас дорогой друг. В данной статье мы с Вами поговорим о том, как создается вертикальное меню для 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.
На этом данная статья завершена. Всего Вам доброго и удачного кодирования!!!
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого роста с нуля в сайтостроении
Итак, мы создали 4 статьи, и пришло время создать главное меню сайта. Если посмотреть на сайт-образец , то мы увидим два меню: Главное меню (горизонтальное наверху) и Меню каталога товаров (вертикальное слева). На сайте, который мы создаем, мы видим пока только одно Главное меню, и расположено оно слева:
Давайте посмотрим, как вообще работают меню в Joomla. Сами меню создаются в пункте Меню - Меню :
Сейчас в менеджере меню у нас только Главное меню:
Если мы щелкнем по пиктограмме Пункты меню , то мы окажемся в Менеджере пунктов Главного меню:
Сейчас у нас только один пункт - Главная страница сайта. Давайте добавим наши пункты: Условия работы, Наши магазины, Контакты и Статьи. Для этого щелкаем по кнопке Создать . В открывшемся окне нам надо выбрать тип пункта меню. Все пункты нашего Главного меню указывают на обычные страницы сайта, поэтому мы выбираем тип - Статья, а в нем - Одна статья:
Теперь надо указать:
- Заголовок пункта меню - Условия работы.
- Псевдоним - cooperation.
- Отображать в меню - Главное меню (другого у нас и нет пока).
- Родительский пункт меню - Вверху (если бы мы создавали вложенный пункт меню, то могли бы указать здесь, в какой пункт меню он вложен).
- Опубликовано - Да.
- Уровень доступа - Общий (будет виден всем).
- При нажатии открыть - В родительском окне (здесь можно выбрать и другие варианты, например, открывать в новом окне).
- В основных параметрах (справа окна) щелкаем по кнопке Выбрать и в открывшемся окне выбираем наш материал - Условия работы (щелкаем по нему).
Пункт меню готов:
Обратите внимание в основных параметрах, в поле Выберите статью появилось название нашей статьи. Нажимаем кнопку Сохранить и видим, что наш пункт появился в Менеджере пунктов :
Аналогичным образом добавляем оставшиеся пункты меню: Наши магазины (stores), Контакты (contact) и Статьи (article):
Теперь идем на наш сайт, обновляем его и видим, что в Главном меню появились все наши пункты:
Можете пощелкать по ним и убедиться, что меню работает.
Теперь переходим ко второй части. Наше меню расположено слева, а нам надо, чтобы оно было расположено сверху, как на сайте-образце .
За то, в каком месте сайта отображается меню отвечает Модуль меню , а все модули у нас находятся в Расширения - Модули , туда мы и идем:
Заходим в модуль Главное меню для его редактирования (щелкаем по названию):
Давайте посмотрим, какие настройки есть у модуля меню:
Больше ничего трогать не будем, нажимаем на кнопку Сохранить . Теперь идем на наш сайт, стираем в адресной строке параметр tp=1, обновляем и видим, что наше Главное меню теперь располагается там, где мы и хотели
Подведем итог:
Чтобы создать в Joomla меню, необходимо:
- Создать само меню и его пункты в Меню - Меню .
- Создать и настроить модуль для работы меню в Расширения - Модули .
От автора: приветствую Вас уважаемые читатели. Меню – это элемент, без которого не может обойтись ни один сайт в интернете, так как данный блок значительно упрощает навигацию и предоставляет доступ к основным страницам пользовательской части сайта. При этом если сайт достаточно сложен и содержит огромное количество страниц, количество ссылок меню, так же будет велико, а значит, для экономии свободного пространства, меню создают многоуровневым. Поэтому в данной статье мы поговорим о том, как создать выпадающее меню joomla 3.
По сути, функционал многоуровневого меню заложен в базовой версии Joomla, точно так же как и многоуровневые категории, менеджера материалов. Но, что касается вывода на экран выпадающего меню, здесь есть небольшая проблема, которая заключается в том, что в разных шаблонах одно и тоже многоуровневое меню будет отображаться по разному. К примеру, в стандартном шаблоне CMS Joomla – Photostar, многоуровневое выпадающее меню будет отображаться просто отлично, причем используя, абсолютно стандартный функционал.
В тоже время другой стандартный шаблон Beez3, вообще, на мой взгляд, не корректно отображает данное меню.
Причем дочерние пункты появляются только тогда, когда пользователь кликнет по родительскому элементу. Помимо этого в джумла выпадающее меню, можно реализовать при помощи специальных расширений, которые опираясь на данные менеджера меню, правильным образом отображают ссылки многоуровневого меню.
Поэтому для начала давайте определим структуру ссылок будущего меню, а затем поговорим о его отображении на экран. Итак, переходим в менеджер меню и создаем новое меню.
На следующей странице указываем заголовок меню, его системное имя, краткое описание и нажимаем кнопку “Сохранить”.
При этом для создания родительских ссылок меню, в поле “Родительский элемент” необходимо выбрать значение “Корневой пункт меню”. Как только все родительские элементы созданы, приступаем к созданию дочерних элементов.
Обратите внимание, что создавая дочернюю ссылку в поле “Родительский элемент” необходимо выбрать ранее созданный родительский пункт меню. Таким образом, дочерние элементы, будут формировать выпадающую часть меню, если конечно данная возможность поддерживается шаблоном. После добавления всех необходимых ссылок, в менеджере меню мы получим следующую структуру.
Итак, для CMS Joomla выпадающее меню, практически готово, осталось только создать модуль, который отобразит его в требуемой позиции шаблона. А значит, переходим в “Менеджер меню” и создаем новый модуль меню.
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого роста с нуля в сайтостроении
При настройке модуля, указываем его заголовок, выбираем позицию отображения в шаблоне и страницы, на которых он будет доступен, и не забываем выбрать отображаемое меню в поле “Выбор меню”.
После сохранения модуля переходим в пользовательскую часть для проверки.
Как Вы видите, для шаблона Photostar меню отлично отображается, но как сделать выпадающее меню в joomla 3, для другого шаблона спросите Вы. Ответ достаточно прост – использовать стороннее расширение. И в данной статье мы рассмотрим модуль под названием ARI Ext Menu .
Кликая по кнопке “Download” нас перенаправляют на сайт разработчика, где приведена ссылка для скачивания модуля.
После скачивания, устанавливаем расширение стандартным способом и переходим в менеджер меню для его активации.
Модуль достаточно функционален и содержит огромное количество различных настроек, на обзоре которых я сейчас не буду останавливаться, тем более что практически все они отвечают за внешний вид и требуют простого тестирования. Главное, необходимо указать заголовок, выбрать позицию отображения в шаблоне, изменить состояние на “Опубликовано” и в поле “Menu name” выбрать меню которое будет отображаться в модуле.
Собственно после сохранения мы увидим следующий результат.
То есть модуль успешно выполняет свою задачу.
Теперь Вы знаете, как в джумле сделать выпадающее меню. Если Вы желаете более подробно изучить структуру модулей на уровне кода, Вам будет полезен наш новый курс .
На этом данная статья завершена! Всего Вам доброго и удачного кодирования!!!
Современные тенденции и подходы в веб-разработке
Узнайте алгоритм быстрого роста с нуля в сайтостроении
