Розділ 2 — Перегляд і пошук товарів

У цьому розділі: сторінки списків товарів — категорія, результати пошуку, бренд і колекція — та їхні спільні інструменти фільтрування й сортування.

2-1. Сторінка категорії

  • Навігаційний ланцюжок (Breadcrumb): Головна → батьківська категорія → поточна категорія; за кліком можна повернутися назад.
  • Назва та опис категорії + швидкий доступ до підкатегорій.
  • Сітка карток товарів (розділ 2-4).

2-2. Фільтр, сортування та розбивка на сторінки (спільні для всіх списків)

  • Фільтри (випадний список/бічна колонка):
  • Підкатегорія та бренд
  • Характеристики товару (наприклад, колір із кольоровими квадратами, розмір)
  • Наявність (лише товари в наявності)
  • Оцінка клієнтів
  • Діапазон цін (мінімум/максимум)
  • Особливі/вибрані товари
  • Чіпи активних фільтрів: кожен застосований фільтр відображається над списком і видаляється одним кліком; є також «Видалити всі».
  • Сортування: лише «Найновіші» та «Найстаріші» (на сторінці пошуку додається також «Найрелевантніші»).
  • Кількість на сторінці та вибір між класичною нумерацією сторінок і нескінченним прокручуванням.
  • Кількість результатів над списком.

2-3. Сторінка результатів пошуку

  • Пошук за ключовими словами по всьому каталогу з сортуванням за релевантністю.
  • Ті самі фільтри та елементи керування, що й у розділі 2-2.
  • Розділ «Відповідні результати»: категорії, бренди та контент, що відповідають запиту.
  • Пропозиція запиту та можливість «шукати всередині» певної категорії/бренду.
  • Стан без результатів із пропозицією розширити пошук.

2-4. Картка товару

У всіх списках кожен товар — це картка:

  • Зображення, назва, ціна та зіркова оцінка
  • Зразки кольору/характеристик на картці
  • Позначки наявності («Під замовлення», «Обмежена кількість»)
  • Швидкий перегляд: переглянути деталі та навіть додати до кошика, не залишаючи список
  • Клік по картці → повна сторінка товару (розділ 3)

2-5. Сторінка бренду та сторінка колекції

  • Бренд: усі товари одного бренду з тими самими фільтрами/сортуванням.
  • Колекція: підібрана група, яку створив оператор (наприклад, «Літні рекомендації»); якщо вона ще не заповнена, показується стан «Незабаром».