Создание всплывающего меню в Joomla
Хочу сразу отметить, что способов создать всплывающее меню довольно таки много, как собственно и дополнительных модулей в Joomla для этого. Но в данной статье я решил рассмотреть компонент swMenuFree - как один из наиболее удобных и простых в использовании.
Задача: создать горизонтальное меню со всплывающими подменю.
Итак, приступим. Прежде чем переходить к настройкам самого компонента, необходимо следующее:
- Скачиваем компонент с сайта разработчика , а затем устанавливаем его .
-
Создаем меню, например назовем его menutest, с необходимой вложенной структурой:
Далее приступаем к настройке установленного компонента swMenuFree:
- Переходим в управление компонентом: Компоненты - swMenuFree
-
Здесь мы видим окно настроек:
где изменяем следующие значения:
-
Module Name
- задаем имя модуля выпадающего меню (произвольно):
- Menu System - набор общих параметров для модуля меню (рекомендуется - MyGosu Menu).
- Menu Source - выбор источника создаваемого меню. В нашем случае это menutest, для которого мы ранее создавали необходимую структуру.
-
Parent
- выбор корня создаваемого меню из выбранного источника. Если мы хотим задействовать все меню menutest как есть, то необходимо выбрать значение TOP.
-
Module Class Suffix
- указывается суффикс класса меню. В принципе можно оставить по умолчанию пустое поле, но рекомендую вписать _menu :
- Published - включить создаваемое меню. Отмечаем - Да.
- Select Box Hack, E6 Padding Hack - включаем корректную обработку стилей сайта для правильного отображения в браузерах IE6, IE7.
-
Maximum Levels
- устанавливаем уровень вложенности выпадающих меню. В нашем случае это будет "3".
-
Module Position
- выбираем на какой позиции сайта будет располагаться создаваемое выпадающее меню.
В принципе меню настроено и уже будет выводится в указанной нами позиции на сайте:
Остальные вкладки настроек компонента swMenuFree отвечают за оформительную часть меню, поэтому описывать их нет смысла, так как оформлять свое меню каждый будет по своему.
Подведем итог, мы получили выпадающее динамическое меню. С помощью гибкой и интуитивно-понятной системы оформления меню данного компонента можно реализовывать любые простейшие задачи по созданию динамических меню. Для того чтобы решать сложные задачи построения динамических меню, все же придется применять дополнительно знания css, так как компонент swMenuFree первоначально предназначается для создания некоего каркаса, но выполняет эту роль на отлично.