Главный экран каталога и категории

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

Общая информация Copy-icon

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

Перейти на экран можно, тапнув на иконку Лупа в навигационном меню внизу экрана

Изображение статьи

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

1 - строка поиска

На момент написания статьи (25/07/2024) строка поиска не работает. Будет дополнено по мере реализации функционала.

2 - карусель из баннеров

3 - список родительских категорий товаров

Изображение статьи

Если категория предназначена для иерархии категорий (т.е. внутри нее есть разветвление на дочерние категории следующего уровня), то на ней отображается стрелка. В противном случае стрелки нет.

По тапу на категорию вы попадете на:

  • (если у родительской категории нет дочерних категорий) на листинг товаров (PLP)
  • на экран с дальнейшим разветвлением на дочерние категории следующего уровня
Изображение статьи

Если категория предназначена для иерархии категорий, но в рамках данной категории не созданы дочерние категории, то на экране отображается текст: “Упс! Похоже, здесь нет подкатегорий. Попробуйте перейти в другую категорию для поиска дополнительной информации” / “Oops! There don't seem to be any subcategories here. Try going to another category to find more information”.

Если же категория предназначена для товаров, но "привязанных" к ней продуктов нет, то по тапу на категорию отображается экран с текстом: “Упс! Похоже, здесь пока нет товаров. Попробуйте вернуться на главную страницу Каталога и найти что-то интересное там” / “Oops! Looks like there are no products here yet. Try returning to the main page of the Catalog and find something interesting there“.