Установка и настройка компонента swMenuFree для создания меню и подменю (выпадающих меню)

Веб разработка - Уроки joomla

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

Компонент выпускается в двух версиях – swMenuPro и swMenuFree (платная и бесплатная версии). Различия в функциональности, и в том, что версия Pro может создавать на сайте неограниченное количество меню, а версия Free – одно меню.
Однако, мне в моей работе вполне хватает версии Free, с которой я и буду Вас знакомить.
Официальный сайт - http://swmenupro.com

1.Скачайте на свой компьютер русифицированную версию компонента: Скачать

2.Установите компонент стандартным способом: Расширения > Установить/Удалить.
При этом установится сам компонент и модуль.
В сам модуль можете не заходить, все его параметры можно настроить из компонента.

3.Открываем компонент через меню административного раздела сайта: Компоненты > swMenuFree.

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

До установки компонента у меня стоял модуль, который я назвал «Навигация». После установки swMenuFree, я отключил модуль «Навигация» и переименовал его в «Навигация1» - чтоб названия модулей не повторялись. Название «Навигация» я присвоил модулю SWMenuFree.

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

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

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

Во вкладке «Размеры и положение» можно задать выравнивание меню (слева, по центру или справа), ориентация меню – горизонтально или вертикально, а также ориентация подменю по отношению к меню, размеры смещения меню и подменю.

Например, я делал горизонтальное меню, при этом выбрал систему меню – My Gosu Menu, и установил для 1 и 2 уровня подменю смещение влево 1px (т.к.при значении 0 – авторазмер, подменю уходит далеко влево по отношению к родительскому меню).

При таком выборе подменю расположилось строго под основным меню.

Во вкладке «Цвет и фон» выбираем для нашего меню (и подменю) цвет шрифта, цвет фона ячеек (по умолчанию и при наведении курсора мышки), цвет границ кнопок.

Здесь же Вы можете задать путь к картинке, если хотите в качестве фона установить изображение.

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