PrestaShop Design & navigatie

Visuele Categoriepagina: Subcategorieën als Afbeeldingstegels (Category Wall)

Categoriepagina's die uitnodigen om te klikken, geen kale opsomming.

At a glance
  • Vervangt de standaardlijst met subcategorieën door een muur van beeldtegels
  • Drie lay-outs: raster, mozaïek en carrousel
  • Productaantallen in real time, met optioneel recursief tellen
  • Compatibel met PrestaShop 8 en 9, multistore en vijf talen
  • Nul afhankelijkheden: CSS en vanilla JavaScript, geen jQuery
Raster · Mozaïek · Carrousel Live productaantallen Automatische beeldtegels PS 8 & 9 Multistore
  • 30 dagen geld terug
  • 12 maanden updates
  • Support binnen 24 uur
www.datafirefly.com/nl/
Page catégorie PrestaShop affichant les sous-catégories en tuiles d'images
v1.0.0 · bijgewerkt 2026-07-16
Wat het doet

De korte versie.

01

Drie lay-outs met één klik

Regelmatig raster, dynamische mozaïek of scrollende carrousel: kies de presentatie die uw afdelingen het best laat uitkomen, zonder het thema aan te raken.

02

Automatische beeldtegels

Elke subcategorie toont haar coverafbeelding. Ontbreekt die, dan neemt een tegel met kleurverloop en de beginletter het over: nooit een gat in het raster.

03

Productaantallen

Een badge toont het aantal producten per subcategorie, met optioneel recursief tellen over de hele boomstructuur en het verbergen van lege categorieën.

04

Gemaakt met oog voor prestaties

Tellen gebeurt in één gegroepeerde query die wordt gecachet, afbeeldingen laden lazy, en de weergave gebruikt native CSS en JavaScript zonder externe bibliotheek.

De lange versie

Alles wat u wilt weten voordat u installeert.

Een gedetailleerde blik op hoe Visuele Categoriepagina: Subcategorieën als Afbeeldingstegels (Category Wall) werkt, waarom we het zo gebouwd hebben en de gedachte achter de bovenstaande functies.

§ 01

De standaardlijst met subcategorieën is verouderd

In de meeste PrestaShop-thema's toont de categoriepagina haar subcategorieën nog steeds als een opsomming met bolletjes of als kleine, dicht op elkaar geplaatste miniaturen: weinig uitnodigend, zonder visuele hiërarchie, en ver verwijderd van de huidige merchandisingstandaarden. Category Wall vervangt dat blok door een nette, moderne muur van beeldtegels die de bezoeker echt aanzet om uw afdelingen te verkennen.

§ 02

Drie lay-outs voor drie situaties

Het raster geeft een regelmatig en leesbaar resultaat, ideaal voor een gestructureerde catalogus. De mozaïek zet één subcategorie in de kijker met een vergrote tegel, perfect om de blik naar een topafdeling te leiden. De carrousel brengt veel subcategorieën samen in een vloeiende horizontale beweging, met touch op mobiel en pijlen op desktop. Alles regelt u vanuit de configuratie, zonder ook maar één regel code.

§ 03

Aantallen die de koper geruststellen

Elke tegel kan het aantal producten van de subcategorie tonen. Het recursieve tellen telt de producten van de hele onderliggende boomstructuur bij elkaar op, en u kunt lege subcategorieën automatisch verbergen zodat u alleen goed gevulde afdelingen presenteert. De berekening gebeurt in één gegroepeerde query die wordt gecachet, zonder invloed op de laadtijd.

§ 04

Robuust, licht en respectvol tegenover het thema

Category Wall haakt netjes aan op het kruimelpad van de categoriepagina en legt geen enkele override op. De afbeeldingen laden lazy, de weergave gebruikt native CSS en JavaScript zonder jQuery, en het geheel respecteert prefers-reduced-motion. De module is compatibel met PrestaShop 8 en 9, werkt in multistore en wordt geleverd in vijf talen.