PrestaShop Design & Navigation

Page Catégorie Visuelle : Sous-catégories en Tuiles Images (Category Wall)

Des pages catégorie qui donnent envie de cliquer, pas une simple liste à puces.

En un coup d'œil
  • Remplace la liste de sous-catégories native par un mur de tuiles imagées
  • Trois mises en page : grille, mosaïque et carrousel
  • Compteurs de produits en temps réel, avec comptage récursif optionnel
  • Compatible PrestaShop 8 et 9, multiboutique et cinq langues
  • Zéro dépendance : CSS + JavaScript vanilla, aucun jQuery
Grille · Mosaïque · Carrousel Compteurs produits en direct Tuiles imagées automatiques PS 8 & 9 Multiboutique
  • Remboursement 30 jours
  • 12 mois de mises à jour
  • Support 24h
www.datafirefly.com/
Page catégorie PrestaShop affichant les sous-catégories en tuiles d'images
v1.0.0 · mis à jour 2026-07-16
Ce que ça fait

La version courte.

01

Trois layouts en un clic

Grille régulière, mosaïque dynamique ou carrousel à défilement : choisissez la présentation qui met vos rayons en valeur, sans toucher au thème.

02

Tuiles imagées automatiques

Chaque sous-catégorie affiche son image de couverture. En l'absence d'image, une tuile dégradée avec l'initiale prend le relais : jamais de trou visuel dans la grille.

03

Compteurs de produits

Un badge indique le nombre de produits par sous-catégorie, avec comptage récursif optionnel sur toute l'arborescence et masquage des catégories vides.

04

Pensé pour la performance

Comptage en une seule requête groupée mise en cache, images en lazy-load, CSS et JavaScript natifs sans aucune librairie externe.

La version longue

Tout ce que vous voudriez savoir avant d'installer.

Un regard détaillé sur le fonctionnement de Page Catégorie Visuelle : Sous-catégories en Tuiles Images (Category Wall), pourquoi nous l'avons conçu ainsi, et la réflexion derrière les fonctionnalités ci-dessus.

§ 01

La liste de sous-catégories native a vieilli

Sur la plupart des thèmes PrestaShop, la page catégorie affiche encore ses sous-catégories sous forme de liste à puces ou de petites vignettes serrées : peu engageante, sans hiérarchie visuelle, et loin des standards de merchandising actuels. Category Wall remplace ce bloc par un mur de tuiles imagées, propre et moderne, qui invite réellement le visiteur à explorer vos rayons.

§ 02

Trois mises en page pour trois usages

La grille offre un rendu régulier et lisible, idéal pour un catalogue structuré. La mosaïque met une sous-catégorie en avant avec une tuile agrandie, parfaite pour guider le regard vers un rayon phare. Le carrousel condense de nombreuses sous-catégories dans un défilement horizontal fluide, tactile sur mobile et équipé de flèches sur desktop. Tout se règle depuis la configuration, sans la moindre ligne de code.

§ 03

Des compteurs qui rassurent l'acheteur

Chaque tuile peut afficher le nombre de produits de la sous-catégorie. Le comptage récursif additionne les produits de toute l'arborescence enfant, et vous pouvez masquer automatiquement les sous-catégories vides pour ne présenter que des rayons réellement fournis. Le calcul se fait en une seule requête groupée, mise en cache, sans impact sur le temps de chargement.

§ 04

Robuste, léger et respectueux du thème

Category Wall s'accroche proprement au fil d'Ariane de la page catégorie et n'impose aucun override. Les images sont chargées en lazy-load, le rendu s'appuie sur du CSS et du JavaScript natifs sans jQuery, et l'ensemble respecte prefers-reduced-motion. Le module est compatible PrestaShop 8 et 9, multiboutique, et livré en cinq langues.