Hey @pfannenwender
Das Problem, das du beschreibst, ist tatsächlich ein bekanntes Thema bei Shopify und anderen E-Commerce-Plattformen. Wenn ein Produkt in mehreren Collections (Kategorien) enthalten ist, können die Breadcrumbs auf der Produktseite manchmal nicht den genauen Pfad widerspiegeln, über den der Kunde gekommen ist. Dies liegt daran, dass Shopify standardmäßig die Breadcrumbs auf Basis einer festgelegten Hierarchie oder der alphabetischen Reihenfolge der Collections erstellt, in denen das Produkt enthalten ist.
Shopify zeigt Breadcrumbs basierend auf der Reihenfolge der Collections, in denen das Produkt enthalten ist, an. Dies bedeutet, dass der Pfad möglicherweise nicht den tatsächlichen Weg widerspiegelt, den der Benutzer genommen hat, um zum Produkt zu gelangen.
Du kannst den Breadcrumb-Code anpassen, um eine genauere Anzeige zu ermöglichen. Hier ist eine Möglichkeit, dies zu tun:
{% if collection %}
<nav class="breadcrumb">
<a href="/">Home</a>
<span>></span>
<a href="/collections/{{ collection.handle }}">{{ collection.title }}</a>
<span>></span>
<span>{{ product.title }}</span>
</nav>
{% endif %}
Dieser Code zeigt den Pfad basierend auf der aktuellen Collection an. Wenn das Produkt jedoch in mehreren Collections ist, zeigt es möglicherweise nicht immer den gewünschten Pfad. Um den genauen Pfad des Benutzers zu verfolgen, könntest du JavaScript und Cookies verwenden. Dies erfordert allerdings fortgeschrittene Kenntnisse in Webentwicklung:
// Speichere die letzte besuchte Collection in einem Cookie
document.addEventListener('DOMContentLoaded', function() {
if (window.location.pathname.includes('/collections/')) {
document.cookie = "last_collection=" + window.location.pathname;
}
});
// Verwende den gespeicherten Pfad für Breadcrumbs
if (window.location.pathname.includes('/products/')) {
var lastCollection = document.cookie.replace(/(?:(?:^|.*;\s*)last_collection\s*\=\s*([^;]*).*$)|^.*$/, "$1");
if (lastCollection) {
// Füge den Breadcrumb-Pfad dynamisch hinzu
var breadcrumbNav = document.querySelector('.breadcrumb');
var collectionLink = document.createElement('a');
collectionLink.href = lastCollection;
collectionLink.textContent = "Zurück zur Collection";
breadcrumbNav.appendChild(collectionLink);
}
}
Es gibt Apps, die die Breadcrumb-Navigation verbessern und anpassen können:
- Advanced Breadcrumbs: Diese App bietet erweiterte Optionen zur Anpassung der Breadcrumbs und ermöglicht eine bessere Kontrolle.
- Crumbs: Eine weitere App, die dir hilft, präzisere Breadcrumb-Pfade anzuzeigen.
Weitere lesen"
Für detaillierte Anpassungen und spezifische Lösungen kannst du auch die Shopify-Community und Entwicklerforen konsultieren (Shopify Community) (Shopify Community) (Ideawrights).
Gabe | Social Care @ Shopify
- War meine Antwort hilfreich? Klicke Like um es mich wissen zu lassen!
- Wurde deine Frage beantwortet? Markiere es als Akzeptierte Lösung
- Um mehr zu erfahren, besuche das Shopify Help Center oder den Shopify Blog
