Розділ 2 — Перегляд і пошук товарів
У цьому розділі: сторінки списків товарів — категорія, результати пошуку, бренд і колекція — та їхні спільні інструменти фільтрування й сортування.
2-1. Сторінка категорії
- Навігаційний ланцюжок (Breadcrumb): Головна → батьківська категорія → поточна категорія; за кліком можна повернутися назад.
- Назва та опис категорії + швидкий доступ до підкатегорій.
- Сітка карток товарів (розділ 2-4).
2-2. Фільтр, сортування та розбивка на сторінки (спільні для всіх списків)
- Фільтри (випадний список/бічна колонка):
- Підкатегорія та бренд
- Характеристики товару (наприклад, колір із кольоровими квадратами, розмір)
- Наявність (лише товари в наявності)
- Оцінка клієнтів
- Діапазон цін (мінімум/максимум)
- Особливі/вибрані товари
- Чіпи активних фільтрів: кожен застосований фільтр відображається над списком і видаляється одним кліком; є також «Видалити всі».
- Сортування: лише «Найновіші» та «Найстаріші» (на сторінці пошуку додається також «Найрелевантніші»).
- Кількість на сторінці та вибір між класичною нумерацією сторінок і нескінченним прокручуванням.
- Кількість результатів над списком.
2-3. Сторінка результатів пошуку
- Пошук за ключовими словами по всьому каталогу з сортуванням за релевантністю.
- Ті самі фільтри та елементи керування, що й у розділі 2-2.
- Розділ «Відповідні результати»: категорії, бренди та контент, що відповідають запиту.
- Пропозиція запиту та можливість «шукати всередині» певної категорії/бренду.
- Стан без результатів із пропозицією розширити пошук.
2-4. Картка товару
У всіх списках кожен товар — це картка:
- Зображення, назва, ціна та зіркова оцінка
- Зразки кольору/характеристик на картці
- Позначки наявності («Під замовлення», «Обмежена кількість»)
- Швидкий перегляд: переглянути деталі та навіть додати до кошика, не залишаючи список
- Клік по картці → повна сторінка товару (розділ 3)
2-5. Сторінка бренду та сторінка колекції
- Бренд: усі товари одного бренду з тими самими фільтрами/сортуванням.
- Колекція: підібрана група, яку створив оператор (наприклад, «Літні рекомендації»); якщо вона ще не заповнена, показується стан «Незабаром».