Shopware 6 Breadcrumb ausblenden: Praxis-Guide

Es ist Montagmorgen, du öffnest die Vorschau deiner neuen Kampagnen-Landingpage – und da ist sie wieder: die Breadcrumb. Direkt unter deinem aufwendig gestalteten Hero-Banner prangt „Home > Sale > Sommerkollektion", obwohl du genau weißt, dass dieser Pfad niemanden interessiert. Die Seite soll Fokus schaffen, nicht navigieren. Besucher kommen über Google Ads hierher, nicht über deine Kategorie-Navigation. Und trotzdem nimmt die Breadcrumb wertvollen Platz weg, stört das Layout und lenkt vom eigentlichen Call-to-Action ab – spätestens dann lohnt sich ein kurzer Blick auf einen Shopware-Check, bevor du Änderungen live schaltest.

Genau in solchen Momenten stellst du dir die Frage: Wie kann ich in Shopware 6 die Breadcrumb ausblenden – und zwar sauber, ohne dass UX, SEO oder Barrierefreiheit darunter leiden? Die gute Nachricht: Shopware 6 bietet dir mehrere Wege, die Breadcrumb gezielt zu steuern – je nachdem, ob du nur auf bestimmten Seiten, nur auf Mobile oder komplett darauf verzichten möchtest. Und das Beste: Viele dieser Lösungen kannst du als Redakteur oder Shop-Manager selbst umsetzen, ganz ohne Entwickler.

Für wen ist dieser Guide – und was kannst du erwarten?

Dieser Artikel richtet sich an Shop-Manager, Marketing-Verantwortliche und Redakteure, die in Shopware 6 arbeiten und die Breadcrumb auf bestimmten Seiten ausblenden oder verschieben möchten. Du brauchst keine Programmierkenntnisse – der Fokus liegt auf No-Code-Lösungen, die du direkt in der Administration umsetzen kannst. Wenn du tiefer einsteigen möchtest oder komplexere Anforderungen hast, findest du auch Hinweise für Entwickler-Lösungen – inklusive Budget-Einschätzung.

Was du hier lernst:

• Wann Breadcrumb strategisch sinnvoll ist und wann nicht
• Welche Methoden es gibt, nach Aufwand sortiert
• Wie du die Breadcrumb selbst ausblenden kannst, Schritt für Schritt
• Welche Auswirkungen auf UX, SEO und Barrierefreiheit zu erwarten sind
• Wie du typische Fehler vermeidest

Entscheidungshilfe: Wann solltest du die Breadcrumb ausblenden, verschieben oder behalten?

Bevor du loslegst, lass uns klären: Wann macht es überhaupt Sinn, die Breadcrumb auszublenden? Die Antwort hängt von mehreren Faktoren ab: Seitentyp, Traffic-Quelle, Kategorietiefe und deine UX-Ziele. Hier ist eine klare Wenn-Dann-Logik, die dir die Entscheidung erleichtert.

Wenn-Dann-Empfehlungen: Breadcrumb ausblenden

• Wenn du Landingpages für Kampagnen nutzt und Traffic über Ads, Newsletter oder Social Media kommt: Dann blende die Breadcrumb aus. Diese Seiten haben keinen echten Navigationspfad, und die Breadcrumb lenkt nur ab. Nutze die 2-Minuten-Lösung weiter unten im Artikel.
• Wenn du starke Hero-Layouts mit großen Bannern oder Videos hast: Dann verschiebe die Breadcrumb unter das Banner oder blende sie auf Mobile aus, um Platz zu sparen. Das funktioniert besonders gut auf Kategorieseiten mit visuell dominanten Intro-Bereichen.
• Wenn deine Seiten Single-Purpose sind, zum Beispiel Newsletter-Anmeldung, Download oder Produktlaunch: Dann blende die Breadcrumb aus. Fokus auf den Call-to-Action ist hier wichtiger als Navigation.
• Wenn du Mobile-First optimierst und jeder Pixel zählt: Dann blende die Breadcrumb nur auf Mobile aus. Stelle aber sicher, dass du alternative Orientierung bietest – klare H1, sichtbares Menü, interne Links.

Wenn-Dann-Empfehlungen: Breadcrumb behalten oder verschieben

• Wenn du einen tiefen Kategoriebaum hast, zum Beispiel Home > Möbel > Wohnzimmer > Sofas > 3-Sitzer > Leder: Dann behalte die Breadcrumb unbedingt. Sie ist oft die einzige schnelle Rücksprungoption für deine Kunden.
• Wenn Nutzer über Google auf deine Kategorieseiten kommen: Dann behalte die Breadcrumb. Sie hilft, den Kontext zu verstehen, und unterstützt die interne Verlinkung.
• Wenn du Accessibility-Anforderungen hast, zum Beispiel BITV oder WCAG: Dann behalte die Breadcrumb oder biete gleichwertige Alternativen. Screenreader nutzen sie für Kontext. Ausblenden per CSS ist hier riskant, weil das Verhalten nicht einheitlich ist.
• Wenn du unsicher bist, ob Ausblenden die richtige Wahl ist: Dann verschiebe die Breadcrumb zunächst, zum Beispiel unter ein Hero-Banner, statt sie komplett zu entfernen. So behältst du die Orientierung, ohne das Layout zu stören.

Die 2-Minuten-Lösung für Landingpages – ohne Code, ohne Plugin

Wenn du eine Landingpage hast und die Breadcrumb dort einfach nur loswerden willst, gibt es eine super schnelle Lösung. Das funktioniert nur bei Landingpages, die als eigenständige CMS-Seiten angelegt wurden – nicht bei Kategorie- oder Produktseiten. So gehst du vor:

Öffne in der Shopware 6 Administration deine CMS-Seite. Gehe zu „Inhalte > Erlebniswelten" oder zur direkten Landingpage-Verwaltung. Wähle die Landingpage aus, auf der du die Breadcrumb ausblenden möchtest. Suche das Feld „Titel (Breadcrumb)" in den Einstellungen der Seite. Lass dieses Feld einfach leer – und speichere. Fertig. Keine Breadcrumb wird erzeugt, die Seite bleibt pfadlos.

Dieser Weg ist ideal für Kampagnenseiten, Performance-Landingpages oder Single-Purpose-Seiten, die über Ads kommen. Kein Plugin nötig, kein Code, keine Entwickler-Zeit. Und vollständig reversibel: Einfach das Feld wieder ausfüllen, wenn du die Breadcrumb doch brauchst.

Wichtig: Diese Methode funktioniert nur bei Landingpages. Auf Kategorie- oder Produktseiten wird die Breadcrumb automatisch vom Theme erzeugt – da brauchst du eine andere Methode, die weiter unten erklärt wird.

Was ist die Breadcrumb in Shopware 6 – und woher kommt sie in deinem Shop?

Die Breadcrumb – auf Deutsch „Brotkrümel-Navigation" – ist der Navigationspfad, der dir und deinen Kunden zeigt, wo ihr euch gerade im Shop befindet. Ein typisches Beispiel: „Home > Haushalt > Kochzubehör > Backformen > Ausstechformen". Sie gibt Orientierung, ermöglicht schnelle Rücksprünge und liefert Kontext für Screenreader und Suchmaschinen.

In Shopware 6 erscheint die Breadcrumb standardmäßig an verschiedenen Stellen: auf Kategorieseiten, auf Produktdetailseiten und – je nach Konfiguration – auch auf CMS-Seiten und Landingpages. Doch woher kommt sie genau? Das ist die entscheidende Frage, denn je nachdem, wie die Breadcrumb in deinem Shop erzeugt wird, unterscheidet sich auch die Methode, mit der du sie ausblenden kannst.

Drei typische Quellen der Breadcrumb in Shopware 6

Möglichkeit 1: Dein Theme rendert die Breadcrumb standardmäßig. In den meisten Shopware 6 Themes – Professional, B2B Suite, Custom Themes – ist die Breadcrumb fest im Template verankert. Sie erscheint automatisch auf Kategorie- und Produktseiten, ohne dass du aktiv etwas dafür tun musst. Diese Variante ist der Klassiker – und gleichzeitig die häufigste Ursache, wenn du die Breadcrumb einfach nicht loswirst.

Möglichkeit 2: Die Breadcrumb wurde als Erlebniswelten-Element eingebaut. Seit Shopware 6 gibt es ein dediziertes Breadcrumb-Element für die Erlebniswelten. Damit kannst du die Breadcrumb flexibel positionieren – beispielsweise unter einem Hero-Banner oder in einer bestimmten Sektion. Wenn du die Breadcrumb also nur auf manchen Seiten oder an ungewöhnlichen Stellen siehst, wurde sie wahrscheinlich manuell über die Erlebniswelten eingefügt.

Möglichkeit 3: Landingpages – Breadcrumb existiert nur, wenn du sie aktiv erzeugst. Auf Landingpages, die als eigenständige CMS-Seiten angelegt wurden („Als Landingpage bereitstellen"), gibt es standardmäßig keine Breadcrumb – außer, du füllst das Feld „Titel (Breadcrumb)" aus. Dann wird ein Breadcrumb-Eintrag erzeugt, der auf die Landingpage selbst verlinkt.

Methodenvergleich: Was kann ich ohne Entwickler tun? Was braucht Budget?

Es gibt nicht die eine Methode, um in Shopware 6 die Breadcrumb auszublenden. Je nach deinen Anforderungen, deinem Team und deinem Budget kommen unterschiedliche Ansätze infrage. Hier ist ein klarer Überblick, sortiert nach Aufwand – vom einfachsten No-Code-Weg bis zur Entwickler-Lösung.

Level 1: Ohne Code, ohne Plugin – sofort selbst umsetzbar

Empfehlung für Einsteiger: Wenn du keine technischen Kenntnisse hast und die Breadcrumb auf Landingpages ausblenden möchtest, nutze die Landingpage-Einstellungen. Wenn du mehr Flexibilität brauchst – zum Beispiel nur auf Mobile ausblenden oder verschieben – nutze die Erlebniswelten.

Level 2: Mit wenig Technik – Theme-Admin oder Agentur

Wichtig: CSS versteckt die Breadcrumb nur visuell, entfernt sie aber nicht aus dem Code. Das kann bei Screenreadern zu unerwartetem Verhalten führen. Nutze CSS nur für temporäre Tests oder wenn du weißt, dass Barrierefreiheit keine Rolle spielt.

Level 3: Nur für Entwickler und Agenturen

Wann ist das nötig? Wenn du komplexe Regeln brauchst – zum Beispiel „nur ab Kategorie-Tiefe 2", „nur in Sales-Channel XY", „nur für bestimmte Kundengruppen". Die Breadcrumb wird dann gar nicht erst gerendert – das ist die sauberste Lösung, aber auch die aufwendigste. Wenn du dafür Unterstützung brauchst, ist eine Shopware Agentur meist der schnellste Weg.

Schritt für Schritt: Breadcrumb über Erlebniswelten steuern – No-Code

Wenn du die Breadcrumb in Shopware 6 ausblenden möchtest, ohne einen Entwickler zu beauftragen oder in Code-Dateien einzugreifen, sind die Erlebniswelten dein bester Freund. Mit dem Breadcrumb-Element kannst du die Navigation nicht nur verschieben, sondern auch gezielt für bestimmte Geräte ausblenden – beispielsweise nur auf Mobile oder nur auf Desktop.

So funktioniert es konkret

Schritt 1: Erlebniswelt öffnen oder erstellen. Navigiere in der Shopware 6 Administration zu „Inhalte > Erlebniswelten". Öffne die Erlebniswelt, die du auf der betreffenden Kategorie oder Landingpage verwendest – oder erstelle eine neue.

Schritt 2: Block mit voller Breite hinzufügen. Ziehe einen beliebigen Block in eine Sektion, der ein Element in voller Breite enthält. Shopware bietet standardmäßig verschiedene Blöcke an; ein einfacher Text-Block reicht hier völlig aus.

Schritt 3: Element austauschen. Klicke auf das Text-Element innerhalb des Blocks. Am rechten oberen Rand des Elements siehst du zwei kleine Pfeile – das ist die Austausch-Funktion. Klicke darauf. Es öffnet sich ein Fenster mit allen verfügbaren Elementen. Wähle hier das Element „Breadcrumb".

Schritt 4: Breadcrumb ausblenden für bestimmte Geräte. Jetzt kommt der entscheidende Teil: Wenn du die Breadcrumb komplett ausblenden möchtest, musst du die Sichtbarkeitseinstellungen des Blocks nutzen. Klicke auf den Block – nicht das Element – und öffne die Einstellungen. Dort findest du Optionen für „Desktop", „Tablet" und „Mobile". Deaktiviere alle drei, und die Breadcrumb wird auf keinem Gerät mehr angezeigt. Möchtest du sie nur auf Mobile ausblenden, deaktiviere nur diese Option.

Schritt 5: Breadcrumb verschieben statt ausblenden. Vielleicht möchtest du die Breadcrumb nicht komplett entfernen, sondern nur an eine andere Stelle verschieben – beispielsweise unter ein großes Hero-Banner oder nach einem Intro-Text. Auch das geht kinderleicht: Öffne den Navigator (meist links in der Erlebniswelten-Ansicht), suche den Block, der die Breadcrumb enthält, und verschiebe ihn per Drag & Drop an die gewünschte Position.

Schritt 6: Speichern und testen. Klicke auf „Speichern" und öffne die Live-Vorschau oder die Storefront. Prüfe, ob die Breadcrumb wie gewünscht ausgeblendet oder verschoben wurde – und zwar auf allen Geräten, die du angepasst hast.

Wann ist diese Methode die richtige Wahl?

Die Erlebniswelten-Methode ist ideal, wenn du die Shopware Breadcrumb ändern möchtest, ohne in Code einzugreifen. Sie eignet sich besonders für:

• Landingpages mit starkem Hero-Layout
• Kampagnenseiten
• Mobile-First-Shops
• Shops, in denen Redakteure eigenständig Layouts anpassen sollen, ohne auf Dev-Ressourcen angewiesen zu sein

SEO, UX und Barrierefreiheit: Auswirkungen realistisch einordnen

Die Breadcrumb ist nicht nur ein Design-Element – sie hat echte Auswirkungen auf Usability, Barrierefreiheit und Suchmaschinenoptimierung. Bevor du sie ausblendest, solltest du diese Aspekte klar abwägen.

UX: Orientierung vs. Fokus

Die Breadcrumb hilft Nutzern, sich zu orientieren – besonders in Shops mit tiefen Kategoriebäumen. Sie zeigt, wo sie sich befinden, und ermöglicht schnelle Rücksprünge. Wenn du sie entfernst, musst du alternative Orientierungshilfen bieten:

• Eine klare H1
• Sichtbare Navigation
• Interne Links
• Zurück-Buttons
• Eine starke Filterführung

Auf der anderen Seite kann die Breadcrumb ablenken – vor allem auf Single-Purpose-Seiten wie Landingpages oder Checkout-Seiten. Hier kann das Ausblenden den Fokus auf den Call-to-Action erhöhen.

Barrierefreiheit: Kontext für Screenreader

Screenreader nutzen die Breadcrumb, um den Kontext einer Seite zu vermitteln. Wenn du sie komplett entfernst – zum Beispiel per Landingpage-Einstellungen oder Twig – ist sie weg. Das ist kein Problem, solange deine Seite auch ohne Breadcrumb barrierefrei bleibt: aussagekräftige H1, ARIA-Labels, klare Navigation. Wenn du das Thema grundsätzlich sauber aufsetzen willst, lies auch, wie du Shopware 6 barrierefrei umsetzt.

Wenn du die Breadcrumb per CSS mit display:none ausblendest, ist das Verhalten nicht einheitlich – manche Screenreader ignorieren sie, manche nicht. Falls Barrierefreiheit wichtig ist – zum Beispiel BITV, WCAG – nutze besser die Erlebniswelten oder entferne die Breadcrumb komplett, statt sie nur zu verstecken.

SEO: Struktur und interne Verlinkung

Die Breadcrumb ist kein direkter Rankingfaktor – aber sie unterstützt die Seitenstruktur und interne Verlinkung. Google nutzt sie, um die Hierarchie deiner Seiten besser zu verstehen, und zeigt sie manchmal in den Suchergebnissen an – als „Breadcrumb Rich Snippet".

Wenn du die Breadcrumb auf Kategorieseiten entfernst, kann das die interne Verlinkung schwächen – aber nur, wenn du keine Alternativen bietest: Navigation, Footer-Links, Content-Links. Wichtiger sind saubere URLs, eine klare Seitenstruktur, gepflegte Meta-Daten und eine gute interne Verlinkung über Content und Navigation.

Auf Landingpages, die bewusst isoliert sind – zum Beispiel für Kampagnen – ist die Breadcrumb SEO-technisch vernachlässigbar. Hier zählen eher Titel, Description und Ladezeit.

Typische Stolperfallen und wie du sie vermeidest

Auch wenn das Ausblenden der Breadcrumb in Shopware 6 technisch einfach ist, gibt es ein paar klassische Fehlerquellen. Hier sind die häufigsten Probleme – und wie du sie löst.

Problem: Breadcrumb verschwindet nicht

Ursache: Du hast die falsche Ebene bearbeitet. Vielleicht hast du die Breadcrumb in einer Erlebniswelt ausgeblendet, aber dein Theme rendert sie zusätzlich. Oder du hast CSS eingefügt, aber die Klasse stimmt nicht.

Lösung: Prüfe mit den Browser-Entwicklertools (F12), welche CSS-Klasse die Breadcrumb tatsächlich hat. Schalte eine Ebene nach der anderen aus, bis du die richtige findest. Leere den Cache (Administration > Einstellungen > System > Caches & Indizes) und kompiliere das Theme neu (Theme-Manager > Theme neu kompilieren).

Problem: Breadcrumb erscheint doppelt

Ursache: Dein Theme rendert die Breadcrumb standardmäßig, und du hast zusätzlich ein Breadcrumb-Element in den Erlebniswelten eingefügt.

Lösung: Entferne entweder das Erlebniswelten-Element oder bitte deine Agentur, die Theme-Breadcrumb auszublenden.

Problem: Änderungen nicht sichtbar

Ursache: Cache oder Theme-Kompilierung nicht aktualisiert.

Lösung: Gehe in die Administration zu „Einstellungen > System > Caches & Indizes", klicke auf „Cache leeren". Falls du CSS geändert hast, kompiliere das Theme neu (Theme-Manager > Theme auswählen > Drei-Punkte-Menü > Theme neu kompilieren). Öffne die Storefront im Inkognito-Modus, um Browser-Caching auszuschließen.

Testing-Checkliste: So stellst du sicher, dass alles funktioniert

Bevor du die Breadcrumb-Anpassung live schaltest, solltest du gründlich testen. Hier ist eine Checkliste, die du abarbeiten kannst:

• Kategorieseiten: Prüfe mindestens eine flache und eine tiefe Kategorie
• Produktdetailseiten: Mindestens ein Produkt aus einer Kategorie mit und ohne Breadcrumb testen
• Landingpages: Eine CMS-Seite, die als Landingpage bereitgestellt wird
• Geräte: Desktop, Tablet und Mobile – nutze die Live-Vorschau in Shopware 6 und öffne die Storefront zusätzlich in echten Browsern (Chrome, Firefox, Safari)
• Cache: Nach jeder Änderung Cache leeren und Theme neu kompilieren
• UX-Check: Ist die H1 klar? Ist die Navigation sichtbar? Gibt es interne Links zurück zur Kategorie?

Fazit: Die richtige Methode für deinen Shop – und was du jetzt tun solltest

Die Breadcrumb in Shopware 6 auszublenden, ist technisch einfach – aber strategisch anspruchsvoll. Es gibt nicht die eine richtige Lösung, sondern die richtige Lösung für deinen Shop, deine Seiten und deine Nutzer.

Für Landingpages ohne echten Navigationspfad ist das Ausblenden der Breadcrumb meist sinnvoll. Nutze die Landingpage-Einstellungen (Breadcrumb-Titel leer lassen) oder blende sie per Erlebniswelten gezielt aus. Diese Methoden sind schnell, sauber und vollständig reversibel – und du brauchst keinen Entwickler.

Für Kategorieseiten und Produktdetailseiten mit tiefen Kategoriebäumen solltest du vorsichtiger sein. Die Breadcrumb ist oft die wichtigste Orientierungshilfe. Wenn sie das Layout stört, verschiebe sie lieber, statt sie komplett zu entfernen. Die Erlebniswelten geben dir hier maximale Flexibilität.

Für temporäre Tests kannst du CSS nutzen – aber bedenke, dass diese Methode Risiken birgt. Barrierefreiheit ist nicht garantiert, Theme-Updates können sie brechen. Für dauerhafte Anpassungen sind Erlebniswelten die bessere Option.

Für komplexe Anforderungen brauchst du ein Twig-Override oder Plugin. Hier solltest du mit einer Agentur zusammenarbeiten – rechne mit 200–800 Euro Budget, je nach Komplexität.

Mein Tipp: Starte mit der einfachsten Lösung, die zu deinem Szenario passt. Für die meisten Fälle reichen Erlebniswelten oder Landingpage-Einstellungen völlig aus. Teste die Auswirkungen auf UX und Kennzahlen, bevor du größere Anpassungen vornimmst. Und wenn du unsicher bist: Verschiebe die Breadcrumb zunächst, bevor du sie komplett entfernst. So behältst du die Orientierung, ohne das Layout zu stören.