Chapitre 2 — Navigation et recherche d'articles

Dans ce chapitre : les pages de liste de produits — catégorie, résultats de recherche, marque et collection — ainsi que leurs outils communs de filtre et de tri.

2-1. Page de catégorie

• Fil d'Ariane (Breadcrumb) : accueil ← catégorie parente ← catégorie actuelle ; navigable par clic pour revenir en arrière.
• Titre et description de la catégorie + raccourci vers les sous-catégories.
• Grille de cartes produit (section 2-4).

2-2. Filtre, tri et pagination (communs à toutes les listes)

• Filtres (menu déroulant/colonne latérale) :
• Sous-catégorie et marque
• Caractéristiques du produit (par exemple la couleur avec des pastilles colorées, la taille)
• Disponibilité (uniquement les articles en stock)
• Note des clients
• Fourchette de prix (minimum/maximum)
• Articles vedettes/sélectionnés
• Puces de filtres actifs : chaque filtre appliqué apparaît en haut de la liste et se retire d'un clic ; il y a aussi « tout supprimer ».
• Tri : uniquement les plus récents et les plus anciens (sur la page de recherche, « les plus pertinents » s'ajoute aussi).
• Nombre par page et choix entre pagination classique ou défilement infini.
• Nombre de résultats en haut de la liste.

2-3. Page des résultats de recherche

• Recherche par mot-clé dans tout le catalogue avec un tri par pertinence.
• Les mêmes filtres et contrôles que la section 2-2.
• Section « Résultats connexes » : catégories, marques et contenus correspondant à la saisie.
• Suggestion de saisie et possibilité de « rechercher à l'intérieur d' » une catégorie/marque.
• Un état sans résultat, avec une suggestion d'élargir la recherche.

2-4. Carte produit

Dans toutes les listes, chaque article est une carte :

• Image, nom, prix et note en étoiles
• Échantillons de couleur/caractéristique sur la carte
• Indicateurs de disponibilité (« disponible sur commande », « stock limité »)
• Aperçu rapide : voir les détails et même ajouter au panier sans quitter la liste
• Un clic sur la carte ← page complète du produit (chapitre 3)

2-5. Page marque et page collection

• Marque : tous les produits d'une marque avec les mêmes filtres/tri.
• Collection : un groupe sélectionné créé par le gérant (par exemple « sélection d'été ») ; s'il n'est pas encore rempli, l'état « bientôt disponible » s'affiche.