Блок Меню
Last updated
Last updated
С помощью данной секции можно настроить удобную навигацию внутри страницы и переходы между другими страницами, установить свой логотип. Меню можно зафиксировать, чтобы при пролистывании страницы оно оставалось в верхней части экрана.
Нажмите "Добавить кнопку" , что открылось меню настройки:
По умолчанию текст будет указан "Кнопка". Замените на подходящий, например "О нас". Дальше выбираем какое действие должен совершить пользователь при клике по этой кнопке:
Запланируем переход на другую страницу, чтобы выдать всю необходимую информацию. Открыть страницу можно как в Текущем окне, так и в Новом окне.
Выберем "В новом окне":
Создадим еще одну кнопку. В ней настроим навигацию по странице, чтобы при клике по кнопку открывалась определённая секция.
Для начала в секциях, которых хотим использовать в меню настроим поле "ID секции". Оно находится в настройках секции - Контент:
ID секции задаётся самостоятельно. Рекомендовано использовать уникальные названия. Использовать можно только латиницу, числа и нижнее подчеркивание вместо пробелов.
Возвращаемся к секции Меню, добавляем новую кнопку, указываем для нее название. Выбираем действие "Переход к элементу". В поле ссылка указываем : #ID секции для перехода
Важно! Если выбрано действие "Переход к элементу" в поле Ссылка напишите # и укажите ID секции для перехода.
При таких настройках при клике по кнопке меню "Оставить заявку страница откроется на указанной секции, в частности на форме сбора данных с кнопками мессенджеров:
Настраивайте цвет кнопок и текста на кнопках, а также смену цвета для текста и фона кнопки при наведении на нее курсива:
По умолчанию кнопки создаются прямоугольной формы. Укажите радиус скругления в пикселях(px):
Установите отступ между кнопками. Для этого укажите значение в пикселях (px):
Чтобы зафиксировать меню в верхней части экрана включите переключатель "Зафиксировать":
В таком случае при пролистывании страницы Меню всегда будет отображаться в верхней части экрана.
В Меню можно установить логотип организации, в том числе сделать его кликабельным:
Включите переключатель "Лого" и добавьте ссылку на ваш логотип. Если хотите чтобы при клике по логотипу открывалась другая страница в поле "Ссылка при нажатии" укажите url адрес страницы.
Можно задать отступ отображения логотипа внутри ширины контента секции:
Также для настройки отображения логотипа есть возможность указать высоты и ширину изображения в пикселях (px) или значение от высоты экрана (vh):
Секция Меню с кнопками и логотипом (пример):
Настройки секции (пример):
