1. aspro.ru
  2. Аспро: Корпоративный сайт 2.0
  3. Мобильная версия — инструкция для Аспро: Корпоративный сайт 2.0

Мобильная версия — инструкция для Аспро: Корпоративный сайт 2.0


Популярность мобильных устройств задает дополнительное требование к современным сайтам — адаптивность дизайна под дисплеи различного размера.

В решении Аспро: Корпоративный сайт 2.0 реализован отдельный блок настроек для мобильной версии сайта. Обычно такая возможность присутствует только в крупных проектах.

Просмотреть доступные варианты настроек внешнего вида мобильной версии вы можете через виджет в публичной части.

7ee6b4f3-7b5b-11f1-8fe4-fa163e2ff576

Во вкладке «Мобильная версия» расположены такие параметры для настройки, как:

  • Фиксированная мобильная шапка (1) помимо ее активации, можно определить, всегда ли она будет фиксированной или при скролле вверх;
  • Мобильная шапка (2) предлагается в белом и цветном оформлении;
  • Тип мобильного меню (3) — подробный или краткий;
  • Компактное мобильного меню (4) — в пунктах меню уменьшаются отступы, позволяя отобразить на одном экране больше информации;
  • Способ отображения мобильного меню (5) — выдвигается слева или выпадает сверху;

045d7016-7b61-11f1-8fe4-fa163e2ff576

  • Тип главного баннера в мобильной версии (6) — выбирается отображение без активной картинки, с полем снизу под заголовком и текстом, в виде отдельной картинки;
  • Компактный вид отображения списка разделов каталога на главной (7) — каталог товаров отображается без описания;
  • Компактный вид отображения списка разделов в каталоге (8) — отображается без подпунктов и описания;
  • Компактный мобильный футер (9) — в меню футера будут отображаться только разделы верхнего уровня с возможностью развернуть пункт меню и посмотреть подразделы 2-го уровня.

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


Предыдущая статья «Ленивая» подгрузка изображений — LazyLoad для Аспро: Корпоративный сайт 2.0
Следующая статья Типы главного баннера в мобильной версии для Аспро: Корпоративный сайт 2.0