Основная функция секции:
Удобная навигация по сайту, размещение контактной информации.
В этой версии меню для сайта можно добавить пункты второго уровня.
Сверху и снизу бокового меню расположены слоты для размещения контактной информации.
Структура меню:
Первый уровень меню — основа, внутри которой лежат пункты, логотип и контакты.
Второй уровень меню — подпункты меню, которые показываются при наведении на пункты первого уровня.
Список пунктов:
В списке пунктов сначала добавляются пункты первого уровня, внутри которых, если выбрано действие “Выпадающее меню”, находится список кнопок, к которым можно привязать ссылки.
Если в настройке пункта выбрано действие "Ссылка", то вы можете:
• поменять название пункта
• загрузить свою иконку
• указать внешнюю ссылку
• или выбрать конкретную страницу вашего сайта
• задать открытие в новом окне
Обратите внимание, что иконки показываются только у пунктов первого уровня.
А если вы выбираете действие "Выпадающее меню", то в настройках пункта можно:
• поменять название пункта
• указать внешнюю ссылку
• или выбрать конкретную страницу вашего сайта
• задать открытие в новом окне
Дизайн меню:
В настройках дизайна меню можно поменять:
• цвет фона меню (один цвет или градиент)
• тень от меню и её параметры (детально)
• добавить обводку (сплошная, пунктир)
• ширину самого меню
• отступы от контента
Дизайн пунктов 1-го и 2-го уровня:
У пунктов 1-го уровня настраивается:
• стиль пункта (с иконкой, стандартный или с подчёркиванием при наведении)
• стиль текста, его цвет и цвет при наведении
• цвет фона и его скругление при наведении на пункт
• размер иконки
• выравнивание
У пунктов 2-го уровня наследуются стили от 1-го уровня, но можно поменять шрифт.
Пример оформления секции бокового меню (с иконками у пунктов):
Слоты для контента:
Сверху и снизу секции можно использовать слоты. Эти области в настройках называются “Блок с логотипом” (сверху) и “Блок с контактами” (снизу).
В настройках "Блок с логотипом" и "Блок с контактами" можно задать ширину слотов, где размещается контент (например, логотип и номер телефона), при желании эти области можно скрыть (выключив свитч).
Пример оформления секции бокового меню с использованием обоих слотов:
Раскрытие меню и затемнение фона:
Вы можете выбрать с какой стороны будет открываться меню (слева или справа).
Эта настройка повлияет на отображение меню в мобильной версии — меню будет появляться с той же стороны, с которой меню показывается в ПК-версии.
А в параметре "Затемнение фона" вы можете настроить, как будет затемняться сайт при раскрытии меню, какой будет цвет и его прозрачность.
Пример бокового меню, раскрытого в правой части сайта:
Дизайн иконок открытия и закрытия:
Помимо стандартной настройки положения кнопки открытия (слева/справа), вы можете детально настроить ее внешний вид.
Выберите одну из трех готовых иконок или загрузите свою. Поменяйте стиль кнопки, настроив цвета, размер, скругление углов, тень и обводку.
У иконки закрытия вы можете настроить те же параметры, но сама картинка (крестик) остаётся неизменной.