PrestaShop Design & Navigation

Breadcrumb Navigation Pro

Dropdown-Menüs, JSON-LD BreadcrumbList und intelligente Multi-Kategorie-Pfade

Die Breadcrumb, die Kunden navigieren lässt und Google überzeugt: Geschwisterkategorien auf jeder Ebene erreichbar, saubere strukturierte Daten und immer der relevanteste Pfad für Produkte in mehreren Kategorien.

Auf einen Blick
  • Dropdown-Menüs auf jeder Ebene: direkter Zugriff auf Geschwisterkategorien ohne Umweg über den Baum
  • JSON-LD BreadcrumbList konform mit den Google-Richtlinien, qualifiziert für Rich Results
  • 3 Pfadstrategien für Produkte in mehreren Kategorien, inklusive kontextuellem Modus auf Basis der Besuchernavigation
  • Keine Overrides: kompatibel mit jedem Theme mit displayWrapperTop-Hook, Multistore und mehrsprachig
PrestaShop 8 PrestaShop 9 Multistore Keine Overrides
  • 30 Tage Rückgaberecht
  • 12 Monate Updates
  • 24-h-Support
www.datafirefly.com/de/
PrestaShop-Breadcrumb mit Dropdown-Menüs und JSON-LD-Auszeichnung
v1.0.0 · aktualisiert 2026-07-16
Was es leistet

Die Kurzfassung.

01

Dropdowns mit Geschwisterkategorien

Jede Ebene des Pfads zeigt ein Dropdown mit den Kategorien desselben Elternteils. Hover am Desktop, Tap am Smartphone, vollständige Tastaturnavigation und ARIA-Attribute. Optional listet die letzte Ebene die Unterkategorien der aktuellen Kategorie.

02

Sauberes JSON-LD BreadcrumbList

Schema.org-Daten werden in den Head der Seite injiziert, das letzte Element bewusst ohne URL, wie es die Google-Richtlinien empfehlen. Nummerierte Positionen, sichere Kodierung, nie auf unvollständigen Pfaden ausgegeben.

03

Intelligenter Multi-Kategorie-Pfad

Drei Strategien zur Auswahl: Standardkategorie, tiefste Kategorie oder ein kontextueller Modus, der die zuletzt besuchte Kategorie des Kunden verwendet, wenn das Produkt zu ihr gehört. Automatische Fallback-Kaskade bei deaktivierten Kategorien.

04

Sauberer Theme-Ersatz

Die Theme-Breadcrumb wird per CSS ausgeblendet, ohne Template- oder Klassen-Override. Das Modul hängt sich an displayWrapperTop und funktioniert mit dem Classic-Theme ebenso wie mit Marketplace-Themes.

05

Vollständige Seitenabdeckung

Kategorien, Produktseiten, CMS-Seiten mit ihrem Kategoriebaum, Marken, Lieferanten und automatischer Fallback über den Meta-Titel für alle übrigen Seiten (Kontakt, Angebote, Sitemap).

06

Nativ Multistore und mehrsprachig

Jede Abfrage berücksichtigt die Shop-Zuordnungen und die aktuelle Sprache. Übersetzte Kategorienamen und URLs, französische Back-Office-Übersetzung enthalten.

Die ausführliche Fassung

Alles, was Sie wissen sollten bevor Sie installieren.

Ein detaillierter Blick darauf, wie Breadcrumb Navigation Pro funktioniert, warum wir es so gebaut haben und der Gedanke hinter den Funktionen oben.

§ 01

Eine Breadcrumb, die zum Navigationswerkzeug wird

In einem klassischen Shop ist die Breadcrumb ein reiner Positionsanzeiger: Um eine Nachbarkategorie zu erkunden, muss der Besucher eine Ebene hinauf und wieder hinunter. Breadcrumb Navigation Pro macht aus jeder Ebene ein Dropdown-Menü mit den Geschwisterkategorien: Von einer Sneaker-Produktseite wechselt Ihr Kunde mit einem Klick zu Running oder High-Tops, ohne die Seite je zu verlassen. Auf Kategorieseiten zeigt eine Option auf der letzten Ebene die Unterkategorien der aktuellen Kategorie, sodass sich der Baum ebenso leicht hinabsteigen wie durchqueren lässt.

§ 02

Strukturierte Daten, die Google überzeugen

Das Modul injiziert ein JSON-LD-BreadcrumbList-Markup in den Head jeder Seite: nummerierte Positionen, Name und URL für jede Ebene und ein letztes Element bewusst ohne URL, wie es die Google-Richtlinien empfehlen. Ihre Seiten qualifizieren sich für die Anzeige des Navigationspfads in den Suchergebnissen anstelle der rohen URL, was die Lesbarkeit Ihrer Snippets und die Klickrate verbessert.

§ 03

Der richtige Pfad für Produkte in mehreren Kategorien

Wenn ein Produkt zu mehreren Kategorien gehört, welcher Pfad soll angezeigt werden? Breadcrumb Navigation Pro bietet drei Strategien. Standardkategorie: das klassische PrestaShop-Verhalten, abgesichert durch einen automatischen Fallback bei deaktivierter Kategorie. Tiefste Kategorie: der spezifischste Pfad, ideal für SEO. Kontextuell: Das Modul merkt sich die zuletzt besuchte Kategorie des Kunden und verwendet sie, wenn das Produkt zu ihr gehört — der Pfad spiegelt so den tatsächlichen Navigationsverlauf wider, mit Fallback auf die tiefste Kategorie.

§ 04

Risikofreie Integration

Keine Template- oder Klassen-Overrides: Das Modul hängt sich an den Hook displayWrapperTop, der im Classic-Theme und in praktisch allen Marketplace-Themes vorhanden ist, und blendet die Theme-Breadcrumb per CSS aus, um Duplikate zu vermeiden. Updates von PrestaShop und Ihrem Theme brechen nichts. Das JavaScript ist Vanilla, ohne jQuery, und das CSS ist unter einem eigenen Präfix isoliert.

§ 05

Für echte Kataloge gebaut

Multistore: Jede Abfrage berücksichtigt die Zuordnungen des aktuellen Shops. Mehrsprachig: Kategorienamen, umgeschriebene URLs und Beschriftungen werden in der Sprache des Besuchers aufgelöst. CMS-Seiten zeigen ihren CMS-Kategoriebaum, Marken- und Lieferantenseiten erhalten einen eigenen Pfad, und alle übrigen Seiten fallen sauber auf ihren Meta-Titel zurück. Die Listen der Geschwisterkategorien werden pro Request gecacht und limitiert — schnell auch bei großen Katalogen.