Главная страница каталога и категории

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

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

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

Перейти на страницу можно:

  • (на десктопе) по клику на "Каталог"/"Products" в выпадающем меню, которое отображается при наведении курсора на левый верхний угол экрана
Изображение статьи
  • (в МВС) перейдя в боковое меню и тапнув на "Каталог"/"Products"
Изображение статьи

Отображение главной страницы каталога

На десктопе и в мобильной версии сайта на главной каталога отображаются:

1 - рекомендательная полка "Бестселлеры"/"Current bestsellers"

2 - дерево категорий товаров

3 - кликабельные изображения родительских категорий

Главная каталога на десктопе
Изображение статьи
Главная каталога в МВС
Изображение статьи

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

Подробнее о типах категорий читайте ниже в Дерево категорий.

Дерево категорий

Вы можете осуществлять навигацию по товарам каталога, перейдя в соответствующую категорию или подкатегорию продуктов.

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

Дерево категорий на десктопе
Изображение статьи
Дерево категорий в МВС
Изображение статьи

Есть два вида категорий:

1. Категории, при переходе на которые отображаются соответствующие товары и фасеты;

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

Пример категории, при переходе на которую отображаются фасеты и товары (десктоп)

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

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

Пример отображения категории-листинга (десктоп)

Чтобы перейти в категорию, кликните на нее в списке категорий или на соответствующее изображение справа от дерева категорий.

Связанные статьи Copy-icon

Листинг каталога

Фильтрация и поиск товаров в каталоге

Микросервис catalog-orchestration

Микросервис recommendation-orchestration