FROM CACHE - de_header

Breadcrumbs Pfad falsch?

Breadcrumbs Pfad falsch?

pfannenwender
Entdecker
22 0 2

Hallo zu später Stunde,

 

ich frage mich ob nur ich dieses Problem mit den Breadcrumbs habe?

Ich habe viele Würfel, einige Würfel sind in mehr als einer Collection/Kategorie. Wenn ich durch das Menü gehe, folge ich den Collectionen, um einen Würfel zu finden. Auf der Produktseite zeigen die Breadcrumbs dann den falschen Pfad, also nicht die richtige Collection an. Es ist nicht der Pfad, wo ich herkomme. Ich hoffe man versteht was ich meine und denke er geht einfach alphabetisch vor und weiß gar nicht woher er kommt. Muss das so sein, ist das normal? Kann man das ändern?

Ich hab ein paar Screenshots um es vllt. besser zu verstehen.

1_1fo9g9k.png

2_hdj2rx.png

3_13vuj44.png

4_1nh8elf.png

5_1rmudfs.png

Die Sitemap selbst, sieht so aus...

pfannenwender_0-1719351831251.png

Danke für die Hilfe und eine schöne Woche

     

 

Shopify Newbie mit Basic Version
2 ANTWORTEN 2

Gabe
Shopify Staff
18475 2895 4264

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

ProtoMan44
Shopify Partner
495 43 80

@pfannenwender hey, thanks for posting here.
please review this link and use further code for breadcrumbs. : https://shopify.github.io/liquid-code-examples/example/breadcrumb-navigation
THANKS

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!