Шапку сайта в мобильной версии можно настраивать независимо от отображения шапки для десктопной версии.

Доступные настройки:

  • Стиль отображения: высоту блока, цвет фона, цвет иконок и бейджей;

  • Включение/отключение и порядок модулей в шапке.

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

Доступные компоненты шапки сайта в мобильной версии

Модули шапки сайта

Вы можете включить/выключить отображение любого из компонентов, доступных для шапки сайта:

  • Логотип

  • Корзина

  • Контакты

  • Поиск

  • Меню

  • Сравнение

  • Избранное

Ниже описаны настройки отдельных компонентов шапки для мобильной версии.

Меню

Меню сайта в выезжающей боковой панели состоит из отдельных модулей.

В рамках настройки этого блока можно:

  • включать/выключать отдельные модули;

  • менять последовательность модулей в панели.

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

Логотип

Логотип для мобильной версии необходимо загрузить в Настройки → Общие настройки → Содержание → Лого для мобильной версии.

Максимальный размер логотипа для мобильной версии — 120 × 44 px (х2 для ретины).

Если логотип для мобильной версии не задан, в шапке будет отображаться Название сайта.

Контакты

Компонент Контакты в шапке мобильной версии можно настроить независимо от настроек отображения контактов в шапке сайта для десктопной версии.

Доступные настройки:

  • Количество отображаемых телефонов;

  • Отображение мессенджеров (skype, telegram, viber, whatsapp)

  • Отображение кнопки запроса обратного звонка

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

Примеры вариантов настройки шапки

Можно настроить высоту шапки и порядок отображения компонентов в ней.

Ниже приведены несколько примеров структуры шапки с разным расположением компонентов.

Высота S

Высота M

Высота L

Кроме стандартных размеров, можно настроить фиксированную высоту шапки в пикселях.

Каждый из модулей можно разместить слева, справа или по центру шапки. Для изменения порядка расположения модулей обратитесь в поддержку.

Примеры расположения модулей в шапке

Читайте также

Вы нашли ответ?