Zum Inhalt springen

Breadcrumb

Fügen Sie einen manuellen übergeordneten Link für eine klarere Breadcrumb-Navigation hinzu.

Verwenden Sie diesen Block, um der Breadcrumb-Spur einen festen übergeordneten Link hinzuzufügen. Er hilft Ihnen dabei, Kundschaft zu einer wichtigen Seite auf höherer Ebene zurückzuführen, wenn Sie einen klareren, bewussteren Navigationspfad wünschen. Einen umfassenderen Überblick darüber, wie Theme-Komponenten organisiert sind, finden Sie in der Shopify-Dokumentation zu Abschnitten und Blöcken

Sie können ihn verwenden, um auf eine Kollektion, Landingpage oder einen Content-Hub zu verweisen, der tatsächlich über der aktuellen Seite liegt. Zur Referenz sehen Sie sich die vom Quelltext bereitgestellte Anleitung an: Breadcrumb-Block-Referenz.

Die wichtigsten Einstellungen steuern den übergeordneten Link selbst: die Bezeichnung, die Kundschaft sieht, das Ziel und ob der Link in einem neuen Tab geöffnet wird. Halten Sie den Text kurz und vertraut, damit die Breadcrumb leicht zu überblicken bleibt.

Wählen Sie ein Ziel, das sich wie ein echter übergeordneter Schritt im Navigationspfad anfühlt. Dieser Block eignet sich am besten, wenn der Link die Navigation unterstützt und nicht der Promotion dient.

Fügen Sie einen manuellen übergeordneten Link nur hinzu, wenn er einen echten Schritt zurück in der Seitenhierarchie widerspiegelt. Wenn der Link unpassend oder zu allgemein wirkt, wird die Breadcrumb weniger nützlich.

Das Öffnen des Links in einem neuen Tab ist für die Breadcrumb-Navigation normalerweise nicht erforderlich. In den meisten Fällen sorgt die Verwendung desselben Tabs für ein natürlicheres Browsing-Erlebnis.

Sichtbarkeitseinstellungen steuern, ob dieser Block auf Mobilgeräten, auf dem Desktop oder auf beiden angezeigt wird. Das ist hilfreich, wenn Sie engere Layouts vereinfachen möchten, ohne den Block überall zu entfernen. Informationen zur Platzierung im Theme-Editor und zur gerätebezogenen Einrichtung finden Sie in der Shopify-Dokumentation zum Überblick über Funktionen des Theme-Editors

Wenn Sie den Block auf einem Gerätetyp ausblenden, stellen Sie sicher, dass Kundschaft weiterhin eine andere klare Möglichkeit hat, zu weiter oben liegenden Seiten zu wechseln. Sie können die vom Quelltext bereitgestellte Referenz zu den Sichtbarkeitseinstellungen hier ansehen: Referenz zu den Sichtbarkeitseinstellungen.

  1. Ziel abgleichen. Verwenden Sie einen Linktext, der möglichst genau zur Seite passt, die Kundschaft öffnen wird.
  2. Eine echte übergeordnete Seite wählen. Verlinken Sie auf eine Kategorie-, Hub- oder Übersichtsseite auf höherer Ebene statt auf ein Werbeziel.
  3. Unnötige neue Tabs vermeiden. Lassen Sie Breadcrumb-Links im selben Tab, außer Sie haben einen bestimmten Grund, das nicht zu tun.
  4. Kleinere Bildschirme prüfen. Wenn Sie den Block auf Mobilgeräten ausblenden, bestätigen Sie, dass sich die Seite weiterhin einfach navigieren lässt.
  5. Beide Viewports überprüfen. Die Sichtbarkeit auf Desktop und Mobilgeräten kann beeinflussen, wie die Breadcrumb passt, ausgerichtet ist oder angezeigt wird. Prüfen Sie daher beides vor der Veröffentlichung.
  6. Den Pfad einfach halten. Fügen Sie keinen manuellen übergeordneten Link hinzu, wenn er die Navigation in der Nähe nur dupliziert, ohne die Klarheit zu verbessern.