MAJ visuel d'un site Site Prestashop 9.0

Spécifications – Page principale d’une série de cartes (version fusionnée et complète)
1. Mise en page générale
La page doit exploiter toute la largeur disponible, avec petits rebords latéraux (padding 2–3 %).
Le listing de produits doit s’afficher en pleine largeur, sans colonne vide.
Style moderne, clair, espacé, cohérent avec le reste du site.
2. En‑tête (identique à l’accueil, mais logo plus petit)
Bandeau supérieur
À gauche : « Contactez-nous »
À droite : Langue + Connexion
Ligne logo / panier
À gauche : Logo (version plus petite) + Nom du site
À droite : Icône Panier + compteur
Barre de menu
Les catégories du Site
3. Barre de recherche
Position : juste sous la barre de menu
Largeur : 80–90 %, centrée
Style :
Forme arrondie
Contour surligné (bleu ou jaune)
Icône loupe intégrée
Bouton /Recherche à droite
4. Barre de filtres (module Navigation à facettes)
Doit apparaître uniquement sur les pages de séries / catégories, pas sur l’accueil.
Filtres à afficher :
Catégories
Sous‑catégories
Séries
Rareté
Prix
Disponibilité / Stock
Autres filtres disponibles selon le module
Présentation :
Sous la barre de recherche
Sous forme de barre horizontale ou bloc latéral compact, selon faisabilité
Style moderne, lisible, cohérent avec le thème
5. Listing des produits (version desktop)
Affichage en ligne, sur toute la largeur.
Chaque produit doit afficher :
1. Image en petit
Zoom en GRAND au survol souris
2. Référence
3. Nom
4. Rareté
5. Série
6. Prix (avec code couleur)
7. Bouton Ajouter au panier
Avec champ quantité
Code couleur prix + bouton
? Vert → quantité > 10
? Jaune → quantité < 10
? Orange → quantité < 3
? Rouge → quantité = 0
Ne plus afficher le prix
Ne plus afficher le bouton panier
Afficher : « Contactez-nous »
6. Version mobile / tablette
Pour gagner de la place :
Masquer l’image
Masquer la série
Afficher uniquement :
Réf
Nom
Prix (avec code couleur)
Bouton panier (si stock > 0)
7. Pagination
Doit être affichée en haut ET en bas de la page.
8. Comportement spécial stock = 0
Sur toute la page :
Prix masqué
Bouton panier supprimé
Afficher : « Contactez-nous »
Sur la fiche produit : ajouter un bouton module → « Demander cette carte »
9. Cohérence avec le reste du site
Style identique à la page d’accueil modernisée
Largeur, typographie, couleurs harmonisées
Boutons arrondis, lisibles, cohérents
Pied de page sur la page panier
Actuellement, le bas de page s’étend trop.
Corriger la mise en page pour :
Limiter la hauteur inutile du footer.
Garder une cohérence visuelle avec les autres pages.