1. aspro.ru
  2. Аспро: Шины и диски 2.0
  3. Настройки для мобильной версии сайта

Настройки для мобильной версии сайта


Мобильные устройства всецело захватили современный мир. А это значит, что качественные сайты должны отвечать требованиям – иметь адаптивный дизайн под экраны различного размера.

Решения Аспро имеют отдельный блок настроек для мобильной версии сайта. Чаще всего такая возможность существует только в крупных проектах.

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

88eaeeee-7b60-11f1-8fe4-fa163e2ff576

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

  • Мобильная шапка (1);

  • Тип мобильного меню (2);

  • Способ отображения мобильного меню (3).

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

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

30913f07-7b63-11f1-8fe4-fa163e2ff576

Белая шапка мобильной версии

2f8625b2-7b5d-11f1-8fe4-fa163e2ff576

Цветная шапка мобильной версии

Тип мобильного меню также содержит два варианта – «Краткий» и «Подробный». Краткое меню содержит только разделы сайта.

7ddb3fea-7b5f-11f1-8fe4-fa163e2ff576

Краткий тип меню

В Аспро: Шины и Диски 2.0 при использовании мультирегиональности последним пунктом меню дополнительно отображается название города, для которого предназначена просматриваемая версия сайта.

d73cc4bf-7b60-11f1-8fe4-fa163e2ff576

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

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

Подробный тип меню

Мобильное меню может выдвигаться слева или выпадать сверху. Для этого выберите способ отображения в соответствующем пункте.

33be8fa0-7b64-11f1-8fe4-fa163e2ff576

Отображение меню слева

995425b5-7b60-11f1-8fe4-fa163e2ff576

Отображение меню сверху

Для сохранения всех настроек нажмите на кнопку в верхнем правом углу.

472fd40f-7b60-11f1-8fe4-fa163e2ff576

Просмотр мобильной верстки с ПК

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

В Google Chrome, Mozilla Firefox и Яндекс браузере инструменты разработчика открываются клавишей F12.

В браузере Opera нужно открыть меню браузера и кликнуть пункт Другие инструменты → Показать меню разработчика.

3e42bdc4-7b5c-11f1-8fe4-fa163e2ff576

Появится пункт «Разработка». Отсюда можете вызвать подпункт «Инструменты разработчика» или зажать комбинацию Ctrl+Shift+I.

da3d0b99-7b60-11f1-8fe4-fa163e2ff576

Расположение кнопки перехода в режим адаптивного дизайна у Google Chrome, Opera и Яндекс браузера:

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

Кнопка перехода в режим адаптивного дизайна у Mozilla Firefox:

63152b71-7b63-11f1-8fe4-fa163e2ff576



Предыдущая статья Цели и счетчики
Следующая статья Настройка фиксированной шапки в мобильной версии