Многоуровневое меню
27.04.2023

Мы создали расширенную версию многоуровневого меню нашего редактора, которая позволяет менять структуру подпунктов, добавлять иконки и подпункты третьего уровня.

Кроме того, внутри выпадающего меню теперь можно использовать слот, в котором можно размещать любые блоки.

Новое меню находится в разделе "Новинки" в самом верху списка динамических секций.
Подробнее
Типы меню и положение контента

Меню может быть двух типов: полоса во всю ширину сайта или "парящее" на подложке.

Кроме того, есть два варианта расположения разделов меню: когда логотип слева (стандартно) и когда логотип по центру, а пункты по бокам.
Структура (уровни меню)

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

Второй уровень меню представляет собой подпункты, которые отображаются при наведении/клике на пункты первого уровня.

Третий уровень меню — это дополнительные пункты внутри подпунктов.
Список пунктов меню

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

В настройках дизайна можно поменять:
• цвет фона подложки (сплошной цвет или градиент)
• тень и её параметры (детально)
• добавить обводку (сплошная, пунктирная)
• отступы (детально со всех сторон)

У пунктов  первого уровня редактируется:
• стиль текста, его цвет и цвет при наведении
• цвет фона и скругление фона при наведении на пункт
• выравнивания
• внутренние отступы

Кроме того, само меню можно растянуть на всю ширину экрана
или оставить по ширине контента на сайте
Меню второго уровня

Это подпункты, которые появляются при наведении на основные разделы меню.

Для выпадающего меню, на котором расположены пункты, можно настроить цвет фона подложки, тень, обводку, отступы и скругление.

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

Для каждого пункта выпадающего меню можно отдельно выбрать один из шести вариантов отображения. Типы пунктов:
Пункты третьего уровня

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

По умолчанию пункты третьего уровня свернуты и будут отображаться только при наведении/клике.
Настройки раскрытия пунктов

Пункты меню можно развернуть по клику или при наведении.

Выпадающие подпункты могут раскрываться вниз или вверх. Открытие пунктов вверх может пригодиться, например, если вы разместите меню в середине сайта или даже в подвале.

Кроме того, у каждой карточки с подпунктами можно настроить, как она будет открываться: слева, справа или по центру относительно основного пункта меню.
Нравится обновление?

Мы всегда будем рады видеть вас в нашем сервисе One Business!
Для того, чтобы попробовать все возможности, пройдите регистрацию или войдите в личный кабинет.
Создать сайт бесплатно
Упоминание в рекламных материалах ПАО «ВымпелКом» сайта beeline.ru, сайта onebusiness.ru означает, что рекламодателем (или одним из рекламодателей) таких материалов является ПАО «ВымпелКом», если в самих рекламных материалах прямо не установлено иное.