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