Wie Sie Breadcrumbs in Shopify entfernen: Ein Schritt-für-Schritt-Leitfaden

Inhaltsverzeichnis

  1. Einführung
  2. Warum Breadcrumbs entfernen?
  3. Schritt-für-Schritt-Anleitung zum Entfernen von Breadcrumbs
  4. Eine reibungslose Navigation nach den Breadcrumbs sicherstellen
  5. Fazit
  6. FAQ

Haben Sie sich schon einmal durch Ihren Shopify-Shop navigiert und dabei den Breadcrumbs-Trail oben auf Ihren Seiten bemerkt? Breadcrumbs können die Benutzerführung verbessern und die SEO optimieren. Es gibt jedoch Szenarien, in denen Shop-Besitzer sie entfernen oder anpassen möchten, um das Erscheinungsbild zu bereinigen oder die Benutzererfahrung zu optimieren. Heute tauchen wir tief in die effektive Entfernung von Breadcrumbs aus Ihrem Shopify-Shop ein.

Einführung

Stellen Sie sich vor, Sie gehen durch einen digitalen Wald, Ihren Shopify-Shop, in dem jede Seite eine Abzweigung zu zahlreichen Pfaden ist. Breadcrumbs dienen als Ihr digitaler „Hänsel und Gretel“-Pfad und leiten die Besucher zurück zum Ausgangspunkt. Aber was ist, wenn dieser Pfad unnötiger Ballast auf Ihrer Reise wird und von der Aussicht ablenkt? Der Bedarf, diese Breadcrumbs zu entfernen oder anzupassen, entsteht.

Ob aus ästhetischen Gründen, zur Vereinfachung der Navigation Ihrer Website oder einfach aus persönlicher Präferenz: das Entfernen von Breadcrumbs kann sinnvoll sein. Am Ende dieses Beitrags erfahren Sie nicht nur, wie Sie Breadcrumbs von bestimmten Seiten wie Produkten oder Kollektionen entfernen, sondern auch, wie Sie sie in Ihrem Shopify-Thema anpassen oder gänzlich eliminieren können.

Warum Breadcrumbs entfernen?

  1. Reduzierung von Überflüssigem: Im minimalistischen Design ist weniger mehr. Das Entfernen von Breadcrumbs kann Ihre Seiten entrümpeln und ein saubereres, fokussierteres Benutzererlebnis bieten.
  2. Benutzererfahrung: Nicht alle Shops profitieren von Breadcrumbs. Abhängig von der Struktur Ihres Shops können Breadcrumbs statt der Navigation Verwirrung stiften.
  3. Ästhetische Entscheidungen: Die visuelle Identität Ihrer Marke stimmt möglicherweise nicht mit der Präsenz von Breadcrumbs überein, was zu ihrer Entfernung für ein einheitliches Erscheinungsbild auf der gesamten Website führt.

Die Kenntnis dieser Motivationen ermöglicht einen maßgeschneiderten Ansatz, um sicherzustellen, dass die Navigation Ihrer Website Ihren Geschäftsbetrieb und Ihr Publikum am besten bedient.

Schritt-für-Schritt-Anleitung zum Entfernen von Breadcrumbs

Für einzelne Seiten

  1. Zugriff auf Ihren Design-Code: Navigieren Sie zu Onlineshop > Designs. Suchen Sie Ihr Design, klicken Sie auf Aktionen und dann auf Code bearbeiten.

  2. Identifizierung des Breadcrumb-Codes: Breadcrumbs befinden sich normalerweise in einer Datei mit dem Namen breadcrumbs.liquid oder innerhalb der Datei theme.liquid. Verwenden Sie die Suchfunktion (Strg + F) und suchen Sie nach „breadcrumbs“, um den Code zu finden.

  3. Auskommentieren oder Entfernen des Breadcrumb-Codes:

    • Um sie vollständig zu entfernen, löschen Sie das Breadcrumb-Code-Segment.
    • Um sie vorübergehend auszublenden, können Sie es auskommentieren, indem Sie den Code mit {% comment %} und {% endcomment %} Tags umschließen.

Für den gesamten Shop

Wenn Ihr Ziel darin besteht, Breadcrumbs auf Ihrer gesamten Website zu entfernen, müssen Sie wahrscheinlich die CSS-Datei bearbeiten, um sie mit einem universellen Ansatz zu verstecken.

  1. Navigieren Sie zur CSS-Datei: In der Sektion Code bearbeiten Ihres Themas finden Sie die theme.scss.liquid- oder style.css-Datei unter dem Assets-Ordner.
  2. Breadcrumbs mit CSS ausblenden: Fügen Sie den folgenden Code am Ende der Datei hinzu:
.breadcrumbs { display: none; }

Dieser Code blendet das Breadcrumb-Element effektiv auf Ihrer gesamten Website aus.

Erweiterte Anpassung

Für fortgeschrittenere Benutzer bietet sich die Möglichkeit, die bedingte Logik von Liquid zu nutzen, um Breadcrumbs auf bestimmten Seiten oder unter bestimmten Bedingungen auszublenden und so die Flexibilität und Dynamik Ihres Shopify-Themas zu erhöhen.

Eine reibungslose Navigation nach den Breadcrumbs sicherstellen

Das Entfernen von Breadcrumbs sollte nicht die Fähigkeit Ihres Publikums beeinträchtigen, Ihre Website effizient zu navigieren. Stellen Sie sicher, dass Sie:

  • Ihre Hauptnavigation optimieren: Ein gut strukturiertes Hauptmenü kann die Benutzer problemlos durch Ihre Website führen und Breadcrumbs überflüssig machen.
  • Footer-Links nutzen: Ein umfassendes Footer-Menü kann als sekundäres Navigationswerkzeug dienen und Links zu wichtigen Seiten oder Kollektionen bereitstellen.
  • Implementieren einer robusten Suchfunktion: Manchmal ist die beste Methode, etwas zu finden, die direkte Suche danach. Stellen Sie sicher, dass die Suchfunktion Ihrer Website gut sichtbar und effektiv ist.

Fazit

Breadcrumbs können ein nützliches Navigationswerkzeug sein, sind jedoch keine Einheitslösung. Zu ihrer Entfernung kann ein saubereres Design, eine einfachere Navigation und die Ausrichtung auf Ihre Markenstrategie führen. Indem Sie die in diesem Leitfaden beschriebenen Schritte befolgen, können Sie Ihren Shopify-Shop effektiv an Ihre spezifischen Anforderungen anpassen und sicherstellen, dass Ihre Besucher eine klare und präzise Reise durch Ihre Website genießen.

FAQ

1. Beeinflusst die Entfernung von Breadcrumbs mein SEO?

  • Breadcrumbs sind ein positives Signal für SEO, da sie die Struktur Ihrer Website verdeutlichen. Ihre Entfernung kann jedoch durch eine gut organisierte Seitenstruktur und klare Navigation ausgeglichen werden.

2. Kann ich Breadcrumbs nur von einer Seite entfernen?

  • Ja, indem Sie das spezifische Template oder den Abschnitt identifizieren, der die Breadcrumbs für diese Seite rendert, können Sie sie entweder über die Designanpassungsoptionen oder direkt im Code entfernen oder ausblenden.

3. Ist es möglich, Breadcrumbs anzupassen anstatt sie zu entfernen?

  • Auf jeden Fall. Shopifys Liquid-Template-Sprache bietet die Flexibilität, Breadcrumbs anzupassen, z. B. ihr Aussehen zu ändern, das Trennsymbol zu ändern oder auf welchen Seiten sie erscheinen sollen.

4. Wie weiß ich, ob mein Theme Breadcrumbs verwendet?

  • Die meisten Shopify-Themes enthalten standardmäßig Breadcrumbs für Produkt- und Kollektionsseiten. Diese Informationen finden Sie normalerweise in der Dokumentation des Themes oder durch Inspektion der Seiten Ihrer Website.

5. Kann ich die Entfernung von Breadcrumbs rückgängig machen?

  • Ja, wenn Sie den Code auskommentiert haben, entfernen Sie einfach die Kommentartags. Wenn Sie den Code gelöscht haben, können Sie Ihr Theme auf eine frühere Version zurücksetzen oder den Code manuell wieder hinzufügen.

App Stack