← Назад

Пошаговая инструкция

FAQ

Меню для мобильной версии

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

Аудит вашего сайта или консультация по редактору

0₽

подключенного тарифа для конструктор сайтов

+4

месяца

промокод на продвижение в сетях Яндекс

+12.000₽

тарифа чат-ботов, автоворонок и мобильных приложений

+3

Бесплатный домен в зоне .ru/.рф

0₽

Бесплатный шаблон сайта под вашу сферу бизнеса

0₽

месяца

/год

Забронировать предложение

Получите подарки от mottor при подключении тарифа

спецпредложение

Как добавить меню в редактор

Откройте редактор сайта, нажмите на кнопку "+" между любыми двумя секциями:

Добавление новой секции в редакторе сайта

Во вкладке "Динамические", в категории "Меню" выберите шаблон "Меню для мобильной версии":

Выбор мобильного меню из шаблонов секций

Секция появится в редакторе:

Отображение мобильного меню в редакторе сайта

Важно!
Все настройки этого меню находятся в мобильном редакторе, перейдите в него с помощью кнопки:

Переход в мобильный редактор для настройки меню

Настройка меню

Чтобы открыть настройки, нажмите на иконку шестеренки в меню секции:

Справа откроется окно настроек, в нем есть 2 вкладки:

I. Меню
II. Список пунктов

Рассмотрим их подробнее:

I. Меню

Эта вкладка отвечает на настройки внешнего вида меню.

• Выберите один из шаблонов внешнего вида меню:

• Выберите тип меню — прикрепленное снизу или отделенное:

• Настройте дизайн меню:

Здесь вы сможете указать цвет и прозрачность фона меню, задать тень (подходит только для отделенного меню), выбрать тип обводки и включить эффект стекла.

С помощью параметров "Вертикальный отступ" и "Горизонтальный отступ" вы сможете настроить размеры меню на сайте:

• Настройте внешний вид пунктов меню:

Настройка внешнего вида пунктов мобильном меню

Здесь вы сможете задать:

Стиль текста — выбрать шрифт, его размер и начертание;

Цвет пункта — применяется для иконки и текста неактивных пунктов меню;

Цвет пункта активный — применяется для иконки и текста активных пунктов меню;

Цвет фона активный — управляет цветом заливки активного пункта меню;

Скругление фона — управляет скруглением пунктов меню;

Размер иконки — позволяет выбрать или задать вручную размеры иконок;

Отступ от иконки — задает вертикальный отступ меню иконкой и ее подписью.

• Здесь же вы можете включить или выключить опцию "Скрывать меню при скролле".

II. Список пунктов

Здесь размещается список пунктов секции. Максимально доступное количество пунктов равно 5.

Чтобы перейти в настройки нужного пункта, нажмите на кнопку "•••" справа от него:

Откроется такое окно:

Здесь вы сможете:

• Изменить заголовок (название) пункта.

• Установить иконку пункта — принимаются только изображения формата SVG.

• Установить действие пункта — Переход по ссылке, открыть всплывающее окно, добавить товар в корзину, отправить email, позвонить по телефону.

• Настроить срабатывание целей Яндекс Метрики или Google Analytics при нажатии на пункт. Мы подробно описали процесс настройки этих целей в инструкциях:

Цели Яндекс Метрики

Цели Google Analytics

Обратите внимание!
В нижней части окна настроек секции находится кнопка "Сбросить настройки". Она сбрасывает все измененные параметры в секции и откатывает их до состояния, когда секция была только добавлена в редактор.