Блок Меню

С помощью данной секции можно настроить удобную навигацию внутри страницы и переходы между другими страницами, установить свой логотип. Меню можно зафиксировать, чтобы при пролистывании страницы оно оставалось в верхней части экрана.

Как создать кнопки

Нажмите "Добавить кнопку" , что открылось меню настройки:

По умолчанию текст будет указан "Кнопка". Замените на подходящий, например "О нас". Дальше выбираем какое действие должен совершить пользователь при клике по этой кнопке:

Запланируем переход на другую страницу, чтобы выдать всю необходимую информацию. Открыть страницу можно как в Текущем окне, так и в Новом окне.

Выберем "В новом окне":

Создадим еще одну кнопку. В ней настроим навигацию по странице, чтобы при клике по кнопку открывалась определённая секция.

Для начала в секциях, которых хотим использовать в меню настроим поле "ID секции". Оно находится в настройках секции - Контент:

ID секции задаётся самостоятельно. Рекомендовано использовать уникальные названия. Использовать можно только латиницу, числа и нижнее подчеркивание вместо пробелов.

Возвращаемся к секции Меню, добавляем новую кнопку, указываем для нее название. Выбираем действие "Переход к элементу". В поле ссылка указываем : #ID секции для перехода

Важно! Если выбрано действие "Переход к элементу" в поле Ссылка напишите # и укажите ID секции для перехода.

При таких настройках при клике по кнопке меню "Оставить заявку страница откроется на указанной секции, в частности на форме сбора данных с кнопками мессенджеров:

Настраивайте цвет кнопок и текста на кнопках, а также смену цвета для текста и фона кнопки при наведении на нее курсива:

По умолчанию кнопки создаются прямоугольной формы. Укажите радиус скругления в пикселях(px):

Установите отступ между кнопками. Для этого укажите значение в пикселях (px):

Чтобы зафиксировать меню в верхней части экрана включите переключатель "Зафиксировать":

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

Логотип

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

Включите переключатель "Лого" и добавьте ссылку на ваш логотип. Если хотите чтобы при клике по логотипу открывалась другая страница в поле "Ссылка при нажатии" укажите url адрес страницы.

Можно задать отступ отображения логотипа внутри ширины контента секции:

Также для настройки отображения логотипа есть возможность указать высоты и ширину изображения в пикселях (px) или значение от высоты экрана (vh):

Секция Меню с кнопками и логотипом (пример):

Настройки секции (пример):

Видео-инструкция

Last updated