Как создать выпадающее меню в Joomla?

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

Вам понадобится

• - навыки работы с Joomla;
• - компонент SwMenuFree.

Инструкция

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

Пропишите на сайте место для меню с соответствующими эффектами и функциями. Для активации зайдите в административную панель, затем в «Менеджер шаблонов». Выберите необходимый шаблон. Введите в его функциях системное имя меню, присвоенное вами ранее. Установите тип меню Suckerfish. После ввода имени оно будет отображаться в нужной позиции шаблона.

Воспользуйтесь компонентом SwMenuFree для создания выпадающего меню. Перейдите в раздел «Расширения», выберите пункт «Установить» и добавьте данный компонент. Затем зайдите в раздел «Компоненты», щелкните по пункту SwMenuFree. Перейдите в Source Settings, установите в нем родительское меню, т.е. источник для пунктов. Затем присвойте стиль создаваемому элементу, для этого выберите опцию Style Sheet Settings.

Для применения автоматических настроек к выпадающему меню воспользуйтесь функцией Auto Menu Item Settings. Примените необходимые эффекты (направление движения пунктов, а также настройки подменю) в разделе Special Effects.

Выберите позицию расположения меню в шаблоне, а также то, для каких пользователей оно будет отображаться в разделе Position & Access. Затем перейдите в Show Menu Module on Pages и установите, в каких разделах будет отображено выпадающее меню на сайте. В окне компонента с помощью левой кнопкой мыши вы можете изменить размеры меню, а также выбрать для его оформления цвета. В соответствующих вкладках модуля выберите внешние эффекты, а также границы элемента.

Оцените статью!