Как сделать горизонтальное меню

smart 22 ноября 2005 2 мин 125203 просмотров

В Joomla 5 и 6 горизонтальное меню реализуется через позицию модуля и параметры отображения. В стандартном шаблоне Cassiopeia позиция menu уже горизонтальная — меню в шапке. Если нужно создать дополнительное горизонтальное меню в другом месте страницы, достаточно выбрать подходящую позицию и настроить модуль.

Горизонтальное меню в шаблоне Cassiopeia (стандартный вариант)

В шаблоне Cassiopeia, который идёт с Joomla 5 и 6 по умолчанию, позиция menu уже отображает меню горизонтально в шапке сайта.

  1. Войдите в панель администратора
  2. Откройте Контент → Модули сайта
  3. Найдите модуль типа Меню и откройте его
  4. Убедитесь, что в поле Позиция выбрано menu
  5. Сохраните — меню появится в шапке горизонтально

Создать дополнительное горизонтальное меню

Если нужно разместить горизонтальное меню в другой зоне (например, под шапкой или в футере):

  1. Откройте Контент → Модули сайта → Создать
  2. Выберите тип модуля Меню
  3. Укажите Меню для отображения
  4. В поле Позиция выберите нужную позицию шаблона (например, bottom-a или footer)
  5. На вкладке Дополнительно в поле Класс модуля добавьте классы Bootstrap для горизонтального вида, например: d-flex gap-3
  6. Сохраните и проверьте результат

Горизонтальное меню через CSS

Если меню отображается вертикально в нужной позиции, можно исправить через CSS в кастомном шаблоне:

.moduletable .nav-pills {
    flex-direction: row !important;
    flex-wrap: wrap;
    gap: 0.5rem;
}
Конкретные классы зависят от используемого шаблона. В сторонних шаблонах (YooTheme, Helix) могут быть собственные настройки ориентации меню прямо в параметрах модуля.
Назад На главную
реклама