Category Wall: visuele categoriepagina

Category Wall vervangt de native lijst met subcategorieën van PrestaShop door een muur van beeldtegels, met productentellers en drie lay-outs naar keuze. Deze gids behandelt de installatie, de configuratie en het gevorderde gebruik van de module.

Installatie

De module installeert zoals elke PrestaShop-module, zonder externe afhankelijkheid of Composer.

1. Open in de backoffice Modules → Modulebeheer en klik op Een module installeren (knop rechtsboven).
2. Selecteer het bestand dfcategorywall.zip en start de installatie.
3. Klik na de installatie op Configureren om de instellingen te openen.

Hoe de weergave werkt

Op elke categoriepagina toont de module automatisch de muur met subcategorieën boven de productlijst. Ze steunt op de hook displayContentWrapperTop, aanwezig in het Classic-thema en in de meeste daarvan afgeleide thema’s.

Bestaat er voor de bekeken categorie geen enkele actieve subcategorie, dan verschijnt de muur niet: de module blijft volledig onzichtbaar op “blad”-categorieën.

Configuratieopties

Alle opties stelt u in via het configuratiescherm van de module.

Lay-out

Er zijn drie presentaties beschikbaar:

• Raster: een regelmatig raster van tegels van gelijke grootte, ideaal voor een strak en gestructureerd resultaat.
• Mozaïek: een dynamische schikking waarbij de eerste subcategorie een vergrote tegel krijgt, om de blik op een topafdeling te trekken.
• Carrousel: een vloeiende horizontale scroll, aanraakgestuurd op mobiel en met navigatiepijlen op desktop.

Kolommen

Stel het aantal kolommen op desktop in, van 2 tot 6. Deze waarde geldt voor de lay-outs raster en carrousel. De weergave past zich automatisch aan naar 3 en daarna 2 kolommen op tablet en mobiel.

Productentellers

Schakel Productentellers tonen in om op elke tegel het aantal producten van de subcategorie als badge te tonen.

• Producten recursief tellen: telt de producten van de volledige onderliggende boom op (sub-subcategorieën inbegrepen), en niet alleen de rechtstreeks gekoppelde producten.
• Lege subcategorieën verbergen: haalt subcategorieën zonder enig zichtbaar product uit de muur, zodat alleen echt gevulde afdelingen verschijnen.

Beschrijving en titel

• Beschrijving van de subcategorieën tonen: toont een kort uittreksel onder de naam van elke tegel (afgekapt op 120 tekens).
• Sectietitel tonen en Sectietitel: een aanpasbaar, meertalig opschrift boven de muur (bijvoorbeeld “Blader door de subcategorieën”). Laat het veld leeg om de titel te verbergen.

De native lijst verbergen

De optie Native lijst met subcategorieën verbergen voegt een discrete CSS-regel toe die het standaardblok met subcategorieën van het thema verbergt, om elke dubbele weergave met de muur te vermijden. Deze optie heeft geen effect als uw thema dat blok niet toont.

Tegels zonder afbeelding

Heeft een subcategorie geen omslagafbeelding, dan genereert de module automatisch een vervangtegel: een stabiel kleurverloop, afgeleid van de identificatie van de categorie, met de initiaal van haar naam. Het raster blijft zo altijd homogeen, zonder leeg vak.

Gebruik als widget

Naast de categoriepagina kunt u de muur dankzij de widgetinterface van PrestaShop op gelijk welke plek in een template invoegen.

{widget name='dfcategorywall'}

Om een precieze categorie te targeten geeft u haar identificatie mee:

{widget name='dfcategorywall' id_category=12}

Probleemoplossing

De muur verschijnt niet

• Controleer of de bekeken categorie wel degelijk actieve subcategorieën heeft.
• Controleer of uw thema de hook displayContentWrapperTop aanroept. Zo niet, gebruik dan de invoeging als widget zoals hierboven beschreven.

De subcategorieën verschijnen dubbel

Schakel de optie Native lijst met subcategorieën verbergen in om het oorspronkelijke blok van het thema te verwijderen.

De pijlen van de carrousel verschijnen niet

De pijlen verschijnen alleen wanneer er genoeg tegels zijn om buiten de zichtbare breedte te vallen. Op mobiel gebeurt de navigatie uitsluitend met de vinger (aanraakscroll).