качество и надёжность с 2008 года

8 (800) 200-25-11

Техническая поддержка support@komtet.ru —

круглосуточно и без выходных дней

load-whois

Онлайн-касса

для интернет-магазина

Подключите ваш интернет-магазин

к онлайн-кассе в соответствии с 54-ФЗ

 
Главная Техническая библиотека CMS Joomla! Создание всплывающего меню в Joomla

Создание всплывающего меню в Joomla

Создание всплывающего меню с помощью компонента swMenuFree.

Хочу сразу отметить, что способов создать всплывающее меню довольно таки много, как собственно и дополнительных модулей в Joomla для этого. Но в данной статье я решил рассмотреть компонент swMenuFree - как один из наиболее удобных и простых в использовании.

Задача: создать горизонтальное меню со всплывающими подменю.

Итак, приступим. Прежде чем переходить к настройкам самого компонента, необходимо следующее:

  1. Скачиваем компонент с сайта разработчика, а затем устанавливаем его.
  2. Создаем меню, например назовем его menutest, с необходимой вложенной структурой:

Далее приступаем к настройке установленного компонента swMenuFree:

  1. Переходим в управление компонентом: Компоненты - swMenuFree
  2. Здесь мы видим окно настроек:

    где изменяем следующие значения:
  • 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 первоначально предназначается для создания некоего каркаса, но выполняет эту роль на отлично.

Другие документы на эту тему

Автоматическая установка Joomla! (APS-пакет)

В статье описывается процесс установки Joomla! из хранилища веб-приложений хостинга — в два клика.

Ошибки, возникающие при установке компонентов/модулей в Joomla

Иногда, при установке PHP модулей и компонентов вы можете столкнуться с ошибкой, которая гласит о том, что не удается создать каталог.

Виртуальный хостинг Perl/PHP/Python/Ruby

Тарифные планы «Виртуальный хостинг» — от размещения статических HTML-страниц, до поддержки PHP, Python, CGI скриптов (Shell, Perl), SSI, Ruby. В рамках тарифных планов предоставляется доступ к серверам баз данных MySQL или PostgreSQL.

Клиентам — домены в подарок!
Бесплатный тест виртуального хостинга
Перенос сайта — бесплатно
Все акции
На сайте КОМТЕТ используются cookie-файлы, данные о IP-адресе и местоположении посетителей. Если, прочитав это сообщение, вы остаетесь на нашем сайте, это означает, что вы не возражаете против использования этих технологий.