Übersicht

Die Seite Kategorienbaum ist in zwei Hauptbereiche unterteilt, mit einer leistungsstarken Funktion "Build from Menu", die Ihnen einen schnellen Einstieg ermöglicht:

🌳 Baumansicht (linkes Panel)

Zweck: Diese Hierarchie definiert die Breadcrumbs und Unterkategorien-Blöcke, die in Ihrem Storefront angezeigt werden. Kollektionen in der Baumansicht werden:

• ✅ In Breadcrumb-Navigationspfaden erscheinen

• ✅ Als Unterkategorien auf Kategorieseiten angezeigt

• ✅ Mehrstufige Navigationsstrukturen erstellen

• ✅ In strukturierte Daten (SEO) einbezogen

📦 Nicht zugewiesene Kategorien (rechtes Panel)

Zweck: Versteckte Breadcrumbs & Unterkategorien – Kollektionen, die in Ihrem Shop existieren, aber NICHT Teil der Navigationsstruktur sind. Kollektionen in nicht zugewiesenen Kategorien werden:

• ❌ Nicht in Breadcrumbs erscheinen

• ❌ Nicht als Unterkategorien-Blöcke angezeigt

• ❌ Nicht in der Navigationshierarchie enthalten sein

• ✅ Trotzdem über direkte URLs erreichbar sein

Baumansicht – Hauptfunktionen

🔍 Suche

Ort: Suchfeld oben in der Baumansicht Funktionalität:

• Kategorien schnell nach Namen finden

• Filtert den Baum in Echtzeit

• Hilft bei der Navigation großer Kategorienstrukturen

🔄 Aktualisieren-Schaltfläche

Ort: Obere rechte Ecke Zweck: Ruft die neuesten veröffentlichten Kollektionen aus Ihrem Shopify-Shop ab und synchronisiert Menüs Wann verwenden:

• Nach dem Hinzufügen neuer Kollektionen im Shopify-Admin

• Um kürzliche Änderungen aus Ihrem Shop zu synchronisieren

• Vor größeren Umstrukturierungen

• Wenn Sie Ihre Menüs im Dropdown nicht sehen

🎯 Build from Menu

Ort: Schaltflächengruppe neben der Überschrift der Baumansicht Zweck: Baut Ihren Kategorienbaum automatisch basierend auf der bestehenden Shopify-Navigationsmenüstruktur auf

Wie es funktioniert

• Wählen Sie ein Menü aus dem Dropdown (Hauptmenü, Fußzeilenmenü usw.)

• Klicken Sie auf die Schaltfläche "Build from menu"

• Die App macht automatisch:

• - Importiert alle veröffentlichten Kollektionen aus dem Menü

• - Bewahrt die Menühierarchie (Eltern-Kind-Beziehungen)

• - Unterstützt mehrstufige Verschachtelung (3+ Ebenen)

• - Verschiebt ungenutzte Kollektionen in das "Nicht zugewiesen"-Panel

Was importiert wird:

• ✅ Nur veröffentlichte Kollektionen – Nur Menüpunkte, die auf veröffentlichte Kollektionen verlinken

• ✅ Menühierarchie – Eltern-Kind-Beziehungen werden bewahrt

• ✅ Mehrstufige Verschachtelung - Unterstützt tiefe Menüstrukturen (3+ Ebenen)

Ausgeschlossen sind:

• ❌ Entwurf/unveröffentlichte Kollektionen - Nur veröffentlichte Kollektionen werden importiert

• ❌ HTTP-Links - Externe Links und benutzerdefinierte URLs werden übersprungen

• ❌ Produktlinks - Direkte Produktlinks werden nicht importiert

• ❌ Seitenlinks - Links zu Seiten sind ausgeschlossen

• ❌ Andere Menüpunkte - Blogs, Suche, Warenkorb-Links usw. werden nicht importiert

Wichtige Einschränkungen:

• ⚠️ Nur veröffentlichte Kollektionen - Entwurf- oder unveröffentlichte Kollektionen werden nicht importiert

• ⚠️ Nur MenülLinks - Es werden nur Kollektionen importiert, die in deinem Menü sind

• ⚠️ Nur Ausgangspunkt - Du musst wahrscheinlich nach dem Erstellen anpassen (mehr Kollektionen hinzufügen, neu organisieren usw.)

Menü-Caching

Menüs werden 24 Stunden zwischengespeichert für schnellere Ladezeiten. Der Cache-Zeitstempel wird neben der Schaltflächengruppe angezeigt (z. B. "Cached 14:30:25").

Menüs synchronisieren?

Wenn du deine Menüs im Dropdown nicht siehst, klicke auf die Schaltfläche Aktualisieren, um die neuesten Menüs aus deinem Shopify-Shop zu synchronisieren.

Visuelle Indikatoren im Menü-Dropdown

• Kollektionselemente - Normale Farbe, können mit deinem Baum synchronisiert werden

• Nicht-Kollektionselemente (HTTP-Links usw.) - Hellgraue Farbe mit Typ-Badge (z. B. "HTTP")

• Standardmenü - Grünes "Default"-Badge

⬇️ Alle einklappen-Schaltfläche

Position: Neben dem Suchfeld Zweck: Klappt alle erweiterten Kategorien ein, sodass nur die obersten Ebenen angezeigt werden Anwendungsfälle:

• Verschaffe dir einen Überblick über deine Hauptkategorien

• Navigiere schnell durch einen komplexen Baum

• Vor strukturellen Änderungen

⬆️ Alle ausklappen-Schaltfläche

Position: Neben "Alle einklappen" Zweck: Klappt alle Kategorien aus, um die vollständige Hierarchie anzuzeigen Anwendungsfälle:

• Sieh die komplette Kategoriestruktur

• Finde tief verschachtelte Elemente

• Überprüfe die gesamte Navigation auf einmal

Drag & Drop-Operationen

Der Baum unterstützt leistungsstarke Drag & Drop-Funktionalität zur Organisation von Kategorien.

Mehrfachauswahl

So wählst du mehrere Elemente aus:

• Erstes Element auswählen: Klicke auf eine Kategorie

• Weitere Elemente hinzufügen: - Halte ⌘/Ctrl + Klick = Einzelne Elemente hinzufügen - Halte Shift + Klick = Bereich von Elementen auswählen

• Gemeinsam ziehen: Ziehe ein ausgewähltes Element, alle ausgewählten Elemente bewegen sich zusammen

Kategorien verschieben

Einzelnes Element:

• Klicke und halte eine Kategorie

• Ziehe an die neue Position

• Loslassen zum Platzieren: - Zwischen Elementen = Gleiche Ebene (Geschwister) - Auf ein Element = Kind dieses Elements (verschachteln) - Nach links ziehen bei Verschachtelung = Verschachtelung aufheben (eine Ebene hoch)

Mehrere Elemente:

• Mehrere Kategorien auswählen (⌘/Ctrl + Klick)

• Ziehe ein beliebiges ausgewähltes Element

• Alle ausgewählten Elemente bewegen sich zusammen

• Lasse sie als Gruppe los

Visuelles Feedback

• Zug-Indikatorlinie zeigt, wo Elemente platziert werden

• Hover-Hervorhebung auf Ziel-Elternkategorie

• Einrückung zeigt Verschachtelungstiefe

Panel für nicht zugewiesene Kategorien

Zweck & Verhalten

Sammlungen in diesem Bereich sind versteckt vor:

• Breadcrumbs

• Subcategories blocks

• Category hierarchy

• Structured data

Warum Sammlungen unzugeordnet lassen?

• Interne/Admin-only-Sammlungen

• Saisonale Sammlungen, die derzeit nicht aktiv sind

• Test-Sammlungen

• Sammlungen, die für andere Zwecke verwendet werden (Rabatte, Bundles usw.)

Zum Baumansicht hinzufügen

Methode 1: Wenn eine Kategorie im Baum ausgewählt ist

• Klicken Sie, um eine Kategorie in der Baumansicht (linkes Panel) auszuwählen

• Markieren Sie eine oder mehrere Sammlungen im Unassigned-Panel

• Klicken Sie auf Hinzufügen oder ziehen Sie die Sammlung

• → Die Sammlung wird ein Kind der ausgewählten Kategorie

Methode 2: Wenn keine Kategorie ausgewählt ist

• Stellen Sie sicher, dass in der Baumansicht nichts ausgewählt ist

• Markieren Sie eine oder mehrere Sammlungen im Unassigned-Panel

• Klicken Sie auf Hinzufügen oder ziehen Sie die Sammlung

• → Die Sammlung wird am unteren Ende des Baums (Root-Ebene) hinzugefügt

Unassigned durchsuchen

Ort: Suchfeld oben im Unassigned-Panel Funktionalität:

• Filtert die Liste der unzugeordneten Sammlungen

• Findet bestimmte Sammlungen schnell

• Zeigt Anzahl an: "Zeige 27 unzugeordnete Sammlungen"

Unassigned aktualisieren

Symbol: Aktualisierungssymbol neben der Suche Zweck: Aktualisiert die Liste der unzugeordneten Sammlungen von Shopify

Tastenkombinationen

• ⌘/Ctrl + Klick = Mehrfachauswahl von Kategorien

• Shift + Klick = Auswahl eines Bereichs von Kategorien

• Drag = Kategorie/Kategorien verschieben

• Click collapse icon = Kindkategorien umschalten

• Hold ⌘/Ctrl + Klick auf Einklappen = Alle Kinder rekursiv einklappen

Änderungen speichern

Automatisches Speichern: Änderungen werden NICHT automatisch gespeichert Manuelles Speichern:

• Klicken Sie auf die "Speichern"-Schaltfläche unten rechts

• Alle Änderungen werden zusammen angewendet

• Aktualisieren Sie Ihren Storefront, um die Änderungen zu sehen

Benutzerdefinierte Anzeige-Namen für Sammlungen

Sie können für jede in Ihrem Baum verwendete Sammlung einen benutzerdefinierten Anzeigenamen festlegen. So können Sie in Ihren Breadcrumbs und Unterkategorien eine sauberere, kürzere oder kundenfreundlichere Bezeichnung anzeigen, ohne die tatsächliche Shopify-Sammlung umzubenennen.

• ✅ Behalten Sie den ursprünglichen Shopify-Sammlungstitel für interne/Admin-Zwecke bei

• ✅ Zeigen Sie eine andere Bezeichnung in der Storefront-Navigation (Breadcrumbs + Unterkategorien)

• ✅ Nützlich für SEO-freundliche Formulierungen, Abkürzungen oder konsistente Benennung

So bearbeiten Sie Anzeige-Namen

Klicken Sie im Kategorienbaum auf eine Sammlung und bearbeiten Sie den Anzeigenamen direkt. Hinweise:

• Änderungen werden gespeichert, wenn Sie auf Speichern klicken (gleich wie bei Baumstrukturänderungen)

• Wenn der Anzeigename leer gelassen wird, wird der benutzerdefinierte Name entfernt (Rückfall auf den Sammlungstitel)

• Empfehlung: Halten Sie ihn kurz (z.B. 20-40 Zeichen) für eine bessere mobile Benutzererfahrung

So erscheint es im Storefront

Wenn ein Anzeigename vorhanden ist, bevorzugt die Storefront-Benutzeroberfläche diesen gegenüber dem Originaltitel. Wenn kein Anzeigename gesetzt ist, fällt die App auf den Shopify-Sammlungstitel zurück. Dies betrifft:

• Breadcrumb-Bezeichnungen für Sammlungsebenen

• Titel/Links im Unterkategorien-Block (wenn in Ihrem Theme aktiviert)

Beispiele für Kategoriestrukturen

Beispiel: Vom Menü erstellen

Vor dem Erstellen: Ihr Shopify Hauptmenü:

Main Menu
├─ Women (COLLECTION)
│  ├─ Dresses (COLLECTION)
│  │  ├─ Summer Dresses (COLLECTION)
│  │  └─ Evening Dresses (COLLECTION)
│  └─ Tops (COLLECTION)
├─ Men (COLLECTION)
│  ├─ Shirts (COLLECTION)
│  └─ Pants (COLLECTION)
├─ About Us (HTTP) ← Skipped
└─ Contact (HTTP) ← Skipped

Nach dem Klicken auf "Vom Menü erstellen": Ihr Kategorienbaum:

📁 Women
  └─ 👗 Dresses
      └─ ☀️ Summer Dresses
      └─ 🌙 Evening Dresses
  └─ 👕 Tops

📁 Men
  └─ 👔 Shirts
  └─ 👖 Pants

Ergebnis:

• Alle Kollektionselemente wurden mit erhaltener Hierarchie importiert

• HTTP-Links (About Us, Contact) wurden automatisch übersprungen

• Bereit zur weiteren Anpassung per Drag & Drop

Beispiel Modegeschäft

📁 Women
  └─ 👗 Dresses
      └─ ☀️ Summer Dresses
      └─ 🌙 Evening Dresses
      └─ 👔 Casual Dresses
  └─ 👕 Tops
  └─ 👖 Bottoms

📁 Men
  └─ 👔 Shirts
  └─ 👖 Pants
  └─ 🧥 Outerwear

📁 Sale
  └─ 50% Off
  └─ Clearance

Beispiel Elektronikgeschäft

📁 Computers
  └─ 💻 Laptops
      └─ Gaming Laptops
      └─ Business Laptops
  └─ 🖥️ Desktops
  └─ ⌨️ Accessories

📁 Smartphones
  └─ 📱 iPhone
  └─ 📱 Samsung
  └─ 📱 Google Pixel

Best Practices

Beginnen Sie mit Vom Menü erstellen

Empfohlener Arbeitsablauf:

• Verwenden Sie zuerst Vom Menü erstellen - Wenn Sie bereits ein Navigationsmenü haben, verwenden Sie Vom Menü erstellen, um schnell zu starten

• Überprüfen Sie die Struktur - Prüfen Sie, ob die importierte Hierarchie sinnvoll ist

• Passen Sie bei Bedarf an - Fügen Sie fehlende Kollektionen hinzu, reorganisieren Sie oder passen Sie die Tiefe an

• Speichern und testen - Speichern Sie Ihre Änderungen und überprüfen Sie die Breadcrumbs in Ihrem Shop

Vorteile:

• Spart Zeit im Vergleich zur manuellen Einrichtung

• Erhält Ihre bestehende Menüstruktur

• Bietet einen soliden Ausgangspunkt für Anpassungen

Halten Sie es einfach

Gute Struktur:

• Maximal 2-3 Ebenen tief

• 5-7 Kategorien pro Ebene

• Klare, beschreibende Namen

Schlechte Struktur:

• Zu viele verschachtelte Ebenen (verwirrend)

• Zu viele Kategorien auf einmal (überfordernd)

• Vage Namen wie "Andere" oder "Verschiedenes"

Organisieren Sie nach Kundenperspektive

Denken Sie wie Ihre Kunden:

• Wie suchen sie nach Produkten?

• Wie ist ihr mentales Modell?

• Was ist ihnen am wichtigsten?

Modebeispiel: ✅ Zuerst nach Geschlecht (Women > Dresses) ❌ Zuerst nach Farbe (Rot > Damenartikel) Elektronikbeispiel: ✅ Nach Gerätetyp (Laptops > Gaming) ❌ Zuerst nach Marke (Apple > Alle Produkte)

Verwenden Sie konsistente Benennungen

Tun Sie:

• Damenkleider

• Herrenhemden

• Kinderschuhe

Tun Sie nicht:

• Kleider für Damen

• Hemden (Herren)

• Kinderschuhe

Balance zwischen Breite und Tiefe

Breite (flach): Gut für kleine Kataloge

📁 Dresses
📁 Tops
📁 Pants
📁 Accessories

Tiefe (verschachtelt): Gut für große Kataloge

📁 Women
  └─ Dresses
  └─ Tops
  └─ Pants

Häufige Fehler vermeiden

❌ Zu tiefe Hierarchien

Schlecht:

Home › Fashion › Women › Clothing › Dresses › Casual › Summer › Floral

Gut:

Home › Women › Dresses › Summer Dresses

❌ Inkonsistente Benennung

Schlecht:

• Women's Dresses

• Tops for Women

• Female Accessories

• Women Shoes

Gut:

• Women's Dresses

• Women's Tops

• Women's Accessories

• Women's Shoes

❌ Überlappende Kategorien

Schlecht:

📁 Sale Items
📁 Clearance
📁 Discounted Products

Gut:

📁 Sale
  └─ 50% Off
  └─ Clearance

Tipps für verschiedene Shop-Größen

Kleine Shops (< 100 Produkte)

Halte es flach und einfach:

📁 New Arrivals
📁 Dresses
📁 Tops
📁 Accessories
📁 Sale

Mittlere Shops (100-1000 Produkte)

Füge eine Ebene Tiefe hinzu:

📁 Women
  └─ Dresses
  └─ Tops
📁 Men
  └─ Shirts
  └─ Pants
📁 Sale

Große Shops (1000+ Produkte)

Verwende vollständige Hierarchien:

📁 Women
  └─ Clothing
      └─ Dresses
      └─ Tops
  └─ Accessories
📁 Men
  └─ Clothing
  └─ Accessories

Häufige Fragen