Обновление: Расширенное многоуровневое меню

обновления

Расширенное многоуровневое меню

27.04.2023

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

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

Новая секция находится в разделе “Новинки” в самом верху списка динамических секций.

Подробнее

Тип меню и расположение контента

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

По расположению разница заключается в положении логотипа:
•‎ слева
•‎ по центру

Структура меню

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

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

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

Список пунктов

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

Дизайн меню 1го уровня и пунктов

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

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

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

Меню второго уровня

Речь о подпунктах, которые показываются при наведении на главные
разделы меню.

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

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

Типы пунктов второго уровня

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

Пункты третьего уровня

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

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

Раскрытие пунктов

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

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

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