1. aspro.ru
  2. Аспро: Лайтшоп
  3. Мобильная версия
  4. Мобильная шапка

Мобильная шапка


В Аспро: Лайтшоп вид мобильной шапки можно настраивать под требования проекта. Редактируйте цвет шапки под общий стиль сайта и отображайте нужные элементы.

c3402916-7b62-11f1-8fe4-fa163e2ff576

Настройку шапки можно произвести как через публичную часть сайта, так и через административную. Для настройки через публичную часть перейдите в виджет «Точная настройка», затем в раздел «Мобильная версия».

97b54eac-7b60-11f1-8fe4-fa163e2ff576

При нажатии на кнопку «Состав шапки» вы можете управлять содержимым шапки.

  1. Бургер мобильного меню — отображать кнопку «Гамбургер» в шапке.
  2. Телефон 一 кнопка в мобильной шапке отображается только в версии для планшетов. Активируйте или деактивируйте функцию «Заказать звонок».
  3. Поиск 一 подключайте или отключайте функцию поиска по сайту.
  4. Личный кабинет.
  5. Корзина — отображается только в версии для планшетов.

6263e6e7-7b5e-11f1-8fe4-fa163e2ff576

Вы можете отобразить все элементы или отключить их. 

Пример шапки в версии для смартфонов.

1e917e78-7b5c-11f1-8fe4-fa163e2ff576

Пример шапки в версии для планшетов.

c30c3264-7b62-11f1-8fe4-fa163e2ff576

Функция «Заказать звонок» отображается при нажатии на телефон в шапке сайта. Посетители смогут запрашивать звонок, а не звонить сами. Отметим, что кнопка в мобильной шапке появляется только в версии для планшетов.

3a0e35c5-7b60-11f1-8fe4-fa163e2ff576

Настройки личного кабинета и корзины мобильной версии совпадают с общими настройками сайта. При изменении этих элементов вы перейдете в общие настройки.

e5b14c03-7b5c-11f1-8fe4-fa163e2ff576

Если «Личный кабинет» и «Корзина» включены в общих настройках сайта, то в мобильной шапке для смартфонов будет отображаться только кнопка для перехода в личный кабинет. Корзина отображается только в версии для планшетов.

3c306848-7b61-11f1-8fe4-fa163e2ff576

Кнопки «Личный кабинет» и «Корзина» в версии для планшетов.

980e7e41-7b5f-11f1-8fe4-fa163e2ff576

Эти же настройки мобильной шапки можно найти в административной части сайта. Для этого перейдите в Аспро (1) → Аспро: ЛайтШоп (2) → Настройки (3) → Мобильная версия (4).

0f4c71c3-7b63-11f1-8fe4-fa163e2ff576

Здесь представлены те же настройки, что рассматривались ранее.

4b67e584-7b62-11f1-8fe4-fa163e2ff576

Настройка фиксированной шапки

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

Шапка отображена всегда или при скролле вверх

17c45ead-7b64-11f1-8fe4-fa163e2ff576

Фиксированная шапка отключена

82507bc5-7b60-11f1-8fe4-fa163e2ff576

Для подключения фиксированной шапки через публичную часть сайта перейдите в раздел «Мобильная версия» в виджете общих настроек, в разделе «Фиксированная мобильная шапка» перетяните ползунок и выберите тип отображения.

2bb9d6ec-7b60-11f1-8fe4-fa163e2ff576

Отредактируйте шапку под свой проект и сохраните изменения.

Предыдущая статья Мобильная версия
Следующая статья Мобильное меню