Capitolul 2 — Răsfoirea și căutarea articolelor

În acest capitol: paginile cu liste de produse — categorie, rezultate ale căutării, marcă și colecție — și instrumentele comune de filtrare și sortare.

2-1. Pagina de categorie

  • Traseul de navigare (Breadcrumb): Acasă ← categoria părinte ← categoria curentă; navigabil înapoi printr-un clic.
  • Titlul și descrierea categoriei + scurtătură către subcategorii.
  • Grila cardurilor de produs (secțiunea 2-4).

2-2. Filtrare, sortare și paginare (comune tuturor listelor)

  • Filtre (meniu derulant/coloană laterală):
  • subcategorie și marcă
  • Caracteristicile produsului (de exemplu culoare cu pătrate colorate, mărime)
  • Stoc (doar articolele disponibile)
  • Evaluarea clienților
  • Interval de preț (minim/maxim)
  • articole speciale/selectate
  • Etichete (chips) de filtre active: fiecare filtru aplicat este vizibil deasupra listei și poate fi eliminat printr-un singur clic; există și „Șterge tot".
  • Sortare: doar cele mai noi și cele mai vechi (pe pagina de căutare se adaugă și „cele mai relevante").
  • Numărul de articole pe pagină și alegerea între paginare clasică sau derulare infinită.
  • Numărul de rezultate deasupra listei.

2-3. Pagina cu rezultatele căutării

  • Căutare după cuvinte-cheie în întregul catalog, cu sortare în funcție de relevanță.
  • Aceleași filtre și controale ca în secțiunea 2-2.
  • Secțiunea „Rezultate conexe": categorii, mărci și conținuturi care se potrivesc cu termenul căutat.
  • Sugestie de termen și posibilitatea de a „căuta în interiorul" unei categorii/mărci.
  • Starea fără rezultate, cu sugestia de a extinde căutarea.

2-4. Cardul de produs

În toate listele, fiecare articol este reprezentat printr-un card:

  • Imagine, nume, preț și evaluare cu stele
  • Mostre de culoare/caracteristici pe card
  • Indicatori de stoc („Disponibil pentru comandă", „Stoc limitat")
  • Previzualizare rapidă: vizualizarea detaliilor și chiar adăugarea în coș fără a părăsi lista
  • Un clic pe card ← pagina completă a produsului (Capitolul 3)

2-5. Pagina de marcă și pagina de colecție

  • Marcă: toate produsele unei mărci, cu aceleași filtre/sortare.
  • Colecție: un grup selectat, creat de administrator (de exemplu „Oferta de vară"); dacă nu a fost încă completată, se afișează starea „În curând".