Главный экран интернет-магазина

В этой статье вы узнаете об отображении главного экрана мобильного приложения интернет-магазина, его компонентах и логике их работы.

На главном экране МП отображаются:

шапка (хедер) сайта
поисковая строка
текущая локация
баннер (или карусель из баннеров)
рекомендательная полка "Бестселлеры"/"Current bestsellers"
рекомендательная полка "Лучшее предложение"/"Best suggestion"
футер сайта
навигационное меню

При скролле экрана шапка, строка поиска и текущая локация всегда отображаются вверху экрана, а навигационное меню - внизу.

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

Шапка (хедер)

В МП в шапке отображаются:

1. кликабельное лого для возврата на главную с любого экрана приложения

2. кликабельные иконки с изображением языка приложения и валюты, в которой отображаются цены товаров

По тапу на иконку с изображением языка приложения и/или валюты вы попадете на экран выбора языка и валюты.

Чтобы изменить язык и/или валюту, тапните на нужный вариант, а затем на кнопку "Сохранить".

Чтобы закрыть экран, тапните на крестик в правом верхнем углу.

Строка поиска

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

Текущая локация

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

Подробнее о настройке регионов в BackOffice смотрите в Настройки в BackOffice.

По тапу на локацию вы попадете на экран выбора города, где отображается:

1. Строка поиска нужного населенного пункта

2. Текущий населенный пункт и дополнительный список локаций

Для смены локации нужно тапнуть на подходящий населенный пункт в списке, а затем на "Сохранить". Если нужной локации в предложенном списке нет, то воспользоваться строкой поиска:

1. Тапните на строку поиска.

2. Введите как минимум 1 символ названия населенного пункта.

Поиск регистронезависимый и осуществляется как по частичному, так и по полному совпадению.

3. Выберите нужный вариант из предложенного списка.

4. Нажмите на "Сохранить".

Если результатов, подходящих под поисковый запрос, нет, то отобразится текст "По вашему запросу ничего не найдено"/"Nothing was found for your query".

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

Баннер (карусель из баннеров)

В МП в карусели может отображаться от 1 до 5 баннеров с кликабельной кнопкой "Узнать подробнее", по тапу по которой вы попадаете на экран "О нас". Навигация по баннерам в карусели возможна по свайпу вправо/влево.