Вертикальное меню для joomla 3

Вертикальное меню для joomla 3

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

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

Вертикальное меню для joomla 3

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

Вертикальное меню для joomla 3

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

Вертикальное меню для joomla 3

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

Вертикальное меню для joomla 3

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

Вертикальное меню для joomla 3

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

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

Вертикальное меню для joomla 3

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

Вертикальное меню для joomla 3

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

Вертикальное меню для joomla 3

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

Вертикальное меню для joomla 3

Далее, используя кнопку “DOWNLOAD FREE”, скачиваем бесплатную версию модуля и устанавливаем стандартным способом, при помощи менеджера расширений.

Вертикальное меню для joomla 3

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

Вертикальное меню для joomla 3

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

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

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

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

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

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

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

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

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

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

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

Вертикальное меню для joomla 3

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

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

Самые свежие новости IT и веб-разработки на нашем Telegram-канале

Курс Joomla-Ученик

12 фишек без которых Вы гарантированно не создадите полноценный сайт на Joomla!

Смотреть курс

Метки:

Комментарии Вконтакте:

Комментарии Facebook:

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Я не робот.

Spam Protection by WP-SpamFree