Woove → Woove Site → Woove Select → Мобильное меню и шапка сайта

Мобильное меню и шапка сайта: 8 блоков Woove Select

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

Поставить на сайт7 дней бесплатно · дальше 299 ₽ в месяц за сайт
Блок Woove Select «Меню во весь экран»
Меню во весь экранНа телефоне: пункты крупно на весь экран, выезжают по очереди
Блок Woove Select «Шторка снизу»
Шторка снизуНа телефоне: меню поднимается снизу, до пунктов дотягивается большой палец
Блок Woove Select «Боковая панель»
Боковая панельНа телефоне: панель справа с адресом, часами и соцсетями
Блок Woove Select «Меню с контактами и соцсетями»
Меню с контактами и соцсетямиНа телефоне: пункты, телефон, адрес, часы и соцсети на одном экране
Блок Woove Select «Компактная с кнопкой звонка»
Компактная с кнопкой звонкаНа телефоне: звонок и сообщение в одно касание, меню выпадает под шапкой
Блок Woove Select «Нижняя панель вкладок»
Нижняя панель вкладокНа телефоне: три главных раздела и «Меню» внизу экрана, как в приложении
Блок Woove Select «Меню плитками»
Меню плиткамиНа телефоне: разделы крупными плитками
Блок Woove Select «Лента пунктов»
Лента пунктовНа телефоне: пункты листаются лентой под логотипом, без бургера

Что должно быть в таком блоке

На телефоне меню открывается одной кнопкой и закрывается так же легко. Крупные пункты удобнее нажимать пальцем, кнопка звонка или мессенджера рядом с бургером даёт больше заявок. Контакты внутри меню экономят прокрутку до подвала.

Где он стоит на странице

На телефоне шапка сворачивается в кнопку меню. На компьютере в том же месте видна обычная шапка с пунктами.

Такие блоки стоят в шаблонах Woove Select: Архитектурное бюро, Барбершоп, Студия йоги, Стоматология, Цветочная мастерская, Фотограф, Ювелирная мастерская, Кондитерская.

Как поставить на страницу

  1. Откройте страницу в редакторе

    Сайт из шаблона, по описанию с Neiro или пустой. Первые 7 дней бесплатно.

  2. «Добавить блок» → Select → «Мобильные шапки»

    Наведите на блок, и он встанет на страницу с пунктирной рамкой. Клик оставляет его.

  3. Замените тексты и фото

    Тексты печатаются на макете, фото меняются кликом. Вид блока правится во вкладке «Вид».

Вопросы

Меню на телефоне настраивается отдельно?

Способ открытия выбирается во вкладке «Вид» у шапки: на весь экран, шторкой снизу, панелью сбоку или лентой. Пункты те же, что на компьютере.

Бургер можно заменить нижней панелью?

Да, в разделе есть нижняя панель с разделами сайта, как в приложении.

Блок будет в цветах моего сайта?

Да. Цвета, шрифты и скругления блок берёт из характера сайта, картинки на превью сняты в характере «Чистый».

Работает ли блок на телефоне?

Да, у каждого блока своя раскладка для телефона. В редакторе её видно на экране 390 px.

Мобильное меню и шапка сайта за пять минут

Откройте редактор Woove Site и выберите блок в разделе «Мобильные шапки».

Открыть редактор →