К основному содержимому
Все коллекцииМобильная версия сайта
Шапка сайта в мобильной версии
Шапка сайта в мобильной версии

Настройки дизайна шапки сайта, доступные модули шапки сайта, настройки блока Контакты в шапке сайта

Обновлено более 5 мес. назад

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

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

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

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

Чтобы изменить настройки, перейдите в раздел админ панели Сайт Дизайн Редактор дизайна, разверните пункт Мобильная версия сайта и перейдите на вкладку Шапка сайта.

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

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

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

  • Логотип

  • Корзина

  • Контакты

  • Поиск

  • Меню

  • Сравнение

  • Избранное

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

Меню

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

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

Чтобы настроить компонент, перейдите в раздел Сайт Дизайн Редактор дизайна, разверните пункт Мобильная версия сайта и перейдите на вкладку Меню.

Логотип

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

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

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

Контакты

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

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

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

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

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

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

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

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

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

Высота S

Высота M

Высота L

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

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

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

Нашли ответ на свой вопрос?