PrestaShop Design & navigatie

Kruimelpad Pro

Dropdownmenu's, JSON-LD BreadcrumbList en een slim pad bij meerdere categorieën

Het kruimelpad dat laat navigeren en scoren: zustercategorieën bereikbaar op elk niveau, nette gestructureerde data voor Google, en altijd het meest relevante pad voor producten in meerdere categorieën.

At a glance
  • Dropdownmenu's op elk niveau: directe toegang tot de zustercategorieën zonder terug te gaan in de boomstructuur
  • JSON-LD BreadcrumbList conform de richtlijnen van Google, geschikt voor rich results
  • 3 padstrategieën voor producten in meerdere categorieën, waaronder een contextuele modus op basis van de navigatie van de bezoeker
  • Geen enkele override: werkt met elk thema dat de hook displayWrapperTop aanbiedt, multistore en meertalig
PrestaShop 8 PrestaShop 9 Multistore Zonder override
  • 30 dagen geld terug
  • 12 maanden updates
  • Support binnen 24 uur
www.datafirefly.com/nl/
Fil d'Ariane PrestaShop avec menus déroulants et balisage JSON-LD
v1.0.0 · bijgewerkt 2026-07-16
Wat het doet

De korte versie.

01

Dropdowns met zustercategorieën

Elk niveau van het pad toont een dropdownmenu met de categorieën onder dezelfde ouder. Openen met de muis op desktop, met een tik op mobiel, toetsenbordnavigatie en volledige ARIA-attributen. Optioneel toont het laatste niveau de subcategorieën van de huidige categorie.

02

Nette JSON-LD BreadcrumbList

Gestructureerde data volgens schema.org, geïnjecteerd in de head-tag, laatste element zonder URL zoals Google aanbeveelt. Genummerde posities, veilige codering, nooit uitgestuurd op onvolledige paden.

03

Slim pad bij meerdere categorieën

Drie strategieën naar keuze: standaardcategorie, diepste categorie, of contextuele modus die de laatst bezochte categorie van de klant overneemt wanneer het product daartoe behoort. Automatische terugvalcascade als een categorie is uitgeschakeld.

04

Nette vervanging van het thema

Het kruimelpad van het thema wordt met CSS verborgen, zonder enige override van een template of een class. De module haakt in op displayWrapperTop en werkt met het Classic-thema net zo goed als met commerciële thema's.

05

Volledige dekking van de pagina's

Categorieën, productpagina's, CMS-pagina's met hun boomstructuur, merken, leveranciers, en automatische terugval op de metatitel voor de overige pagina's (contact, aanbiedingen, sitemap).

06

Multistore en meertalig van nature

Alle queries respecteren de winkelkoppelingen en de huidige taal. Categorienamen en URL's vertaald, Franse vertaling van de backoffice inbegrepen.

De lange versie

Alles wat u wilt weten voordat u installeert.

Een gedetailleerde blik op hoe Kruimelpad Pro werkt, waarom we het zo gebouwd hebben en de gedachte achter de bovenstaande functies.

§ 01

Een kruimelpad dat een navigatie-instrument wordt

In een gewone winkel is het kruimelpad niet meer dan een aanduiding van de positie: om een naastgelegen categorie te bekijken moet de bezoeker een niveau omhoog en dan weer omlaag. Kruimelpad Pro maakt van elk niveau een dropdownmenu met de zustercategorieën: vanaf een productpagina Sneakers stapt uw klant met één klik over naar Running of Hoge sneakers, zonder ooit de pagina te verlaten. Op categoriepagina's toont een optie op het laatste niveau de subcategorieën van de huidige categorie, zodat afdalen in de boomstructuur net zo eenvoudig wordt als er doorheen bewegen.

§ 02

Gestructureerde data waar Google van houdt

De module injecteert JSON-LD BreadcrumbList markup in de head-tag van elke pagina: genummerde posities, naam en URL voor elk niveau, en een laatste element bewust zonder URL zoals de richtlijnen van Google aanbevelen. Uw pagina's komen in aanmerking voor weergave van het navigatiepad in de zoekresultaten, in plaats van de kale URL, wat de leesbaarheid van uw snippets en het doorklikpercentage verbetert.

§ 03

Het juiste pad voor producten in meerdere categorieën

Wanneer een product tot meerdere categorieën behoort, welk pad toont u dan? Kruimelpad Pro biedt drie strategieën. Standaardcategorie: het klassieke PrestaShop-gedrag, betrouwbaarder gemaakt door een automatische terugval als de categorie is uitgeschakeld. Diepste categorie: het meest specifieke pad, ideaal voor SEO. Contextueel: de module onthoudt de laatst bezochte categorie van de klant en gebruikt die wanneer het product daartoe behoort, voor een pad dat de werkelijke route weerspiegelt, met terugval op de diepste categorie wanneer dat niet zo is.

§ 04

Een integratie zonder risico

Geen enkele override van een template of een class: de module haakt in op de hook displayWrapperTop, die aanwezig is in het Classic-thema en in vrijwel alle commerciële thema's, en verbergt het kruimelpad van het thema met CSS om dubbele weergave te voorkomen. Updates van PrestaShop en van uw thema breken niets. De JavaScript is vanilla, zonder jQuery, en de CSS is geïsoleerd onder een eigen prefix.

§ 05

Gemaakt voor echte catalogi

Multistore: elke query respecteert de koppelingen van de huidige winkel. Meertalig: categorienamen, herschreven URL's en labels worden opgelost in de taal van de bezoeker. CMS-pagina's tonen hun boomstructuur van CMS-categorieën, merk- en leverancierspagina's hebben hun eigen pad, en de overige pagina's vallen netjes terug op hun metatitel. De lijsten met zustercategorieën worden per request gecachet en begrensd, zodat ze ook bij grote catalogi snel blijven.