Overzicht

De pagina Categorieënboom is verdeeld in twee hoofdsecties, met een krachtige functie 'Bouwen vanuit menu' om je snel op weg te helpen:

🌳 Boomweergave (Linker Paneel)

Doel: Deze hiërarchie definieert de breadcrumbs en subcategorieblokken die op je winkelpagina worden weergegeven. Collecties in de boomweergave zullen:

• ✅ Verschijnen in breadcrumb-navigatiepaden

• ✅ Tonen als subcategorieën op collectiepagina's

• ✅ Meerdere navigatieniveaus creëren

• ✅ Opgenomen worden in gestructureerde data (SEO)

📦 Niet-toegewezen Categorieën (Rechter Paneel)

Doel: Verborgen breadcrumbs & subcategorieën - collecties die in je winkel bestaan maar NIET deel uitmaken van de navigatiestructuur. Collecties in niet-toegewezen categorieën zullen:

• ❌ Niet verschijnen in breadcrumbs

• ❌ Niet getoond worden als subcategorieblokken

• ❌ Niet opgenomen worden in de navigatiehiërarchie

• ✅ Toch toegankelijk zijn via directe URL's

Boomweergave - hoofdkenmerken

🔍 Zoeken

Locatie: Zoekvak bovenaan de boomweergave Functionaliteit:

• Vind snel categorieën op naam

• Filtert de boom in realtime

• Helpt bij het navigeren door grote categoristructuren

🔄 Vernieuw-knop

Locatie: Rechtsbovenin Doel: Haalt de nieuwste gepubliceerde collecties uit je Shopify-winkel op en synchroniseert menu's Wanneer te gebruiken:

• Na het toevoegen van nieuwe collecties in Shopify admin

• Om recente wijzigingen uit je winkel te synchroniseren

• Voor het uitvoeren van grote reorganisaties

• Wanneer je je menu's niet in de dropdown ziet

🎯 Bouwen vanuit menu

Locatie: Knopgroep naast de kop van de boomweergave Doel: Bouw automatisch je categorieënboom op basis van je bestaande Shopify navigatiemenu-structuur

Hoe het werkt

• Selecteer een menu uit de dropdown (Hoofdmenu, Voettekstmenu, etc.)

• Klik op de knop "Bouwen vanuit menu"

• De app doet automatisch:

• - Importeert alle gepubliceerde collecties uit het menu

• - Behoudt de menuhierarchie (ouder → kind relaties)

• - Ondersteunt meervoudige niveaus van nesting (3+ niveaus)

• - Verplaatst ongebruikte collecties naar het paneel "Niet-toegewezen"

Wat wordt geïmporteerd:

• ✅ Alleen gepubliceerde collecties - Alleen menu-items die linken naar gepubliceerde collecties

• ✅ Menuhiërarchie - Ouder → kind relaties worden behouden

• ✅ Meerdere niveaus van nesteling - Ondersteunt diepe menustructuren (3+ niveaus)

Wat is uitgesloten:

• ❌ Concept/onuitgegeven collecties - Alleen gepubliceerde collecties worden geïmporteerd

• ❌ HTTP-links - Externe links en aangepaste URL's worden overgeslagen

• ❌ Productlinks - Directe productlinks worden niet geïmporteerd

• ❌ Paginalinks - Links naar pagina's zijn uitgesloten

• ❌ Andere menu-items - Blogs, zoeken, winkelwagenlinks, enz. worden niet geïmporteerd

Belangrijke beperkingen:

• ⚠️ Alleen gepubliceerde collecties - Concept- of onuitgegeven collecties worden niet geïmporteerd

• ⚠️ Alleen menulinks - Alleen collecties die in je menu staan, worden geïmporteerd

• ⚠️ Alleen startpunt - Je moet waarschijnlijk aanpassen na het bouwen (meer collecties toevoegen, reorganiseren, enz.)

Menu caching

Menu's worden 24 uur gecached voor snellere laadtijden. De cache-tijdstempel wordt naast de knoppenreeks weergegeven (bijv. "Cached 14:30:25").

Menu's synchroniseren nodig?

Als je je menu's niet in de dropdown ziet, klik dan op de knop Vernieuwen om de nieuwste menu's van je Shopify-winkel te synchroniseren.

Visuele indicatoren in menudropdown

• Collectie-items - Normale kleur, kunnen worden gesynchroniseerd met je boom

• Niet-collectie-items (HTTP-links, enz.) - Lichtere grijze kleur met typebadge (bijv. "HTTP")

• Standaardmenu - Groene "Default" badge

⬇️ Alles inklappen knop

Locatie: Naast zoekvak Doel: Vouwt alle uitgeklapte categorieën in om alleen topniveau-items te tonen Gebruikssituatie:

• Krijg een overzicht van je hoofdcategorieën

• Navigeer snel door een complexe boom

• Voordat je structurele wijzigingen aanbrengt

⬆️ Alles uitklappen knop

Locatie: Naast alles inklappen Doel: Vouwt alle categorieën uit om de volledige hiërarchie te tonen Gebruikssituatie:

• Zie de complete categoristructuur

• Vind diep geneste items

• Bekijk de volledige navigatie in één keer

Sleep- en neerzetbewerkingen

De boom ondersteunt krachtige sleep- en neerzetfunctionaliteit voor het organiseren van categorieën.

Meerdere selecties

Hoe meerdere items te selecteren:

• Selecteer eerste item: Klik op een categorie

• Voeg meer items toe: - Houd ⌘/Ctrl + Klik = Voeg individuele items toe - Houd Shift + Klik = Selecteer een reeks items

• Samen slepen: Sleep een geselecteerd item, alle geselecteerde items bewegen mee

Categorieën verplaatsen

Enkel item:

• Klik en houd een categorie vast

• Sleep naar nieuwe positie

• Laat los om te plaatsen: - Tussen items = Zelfde niveau (broer/zus) - Op een item = Kind van dat item (nestelen) - Sleep naar links terwijl genest = Uit nest halen (een niveau omhoog)

Meerdere items:

• Selecteer meerdere categorieën (⌘/Ctrl + Klik)

• Sleep een geselecteerd item

• Alle geselecteerde items bewegen samen

• Laat ze als groep los op de plek

Visuele feedback

• Sleepindicatorlijn toont waar items geplaatst worden

• Hover-highlight op doeloudercategorie

• Inspringniveau toont nesteldiepte

Paneel voor niet-toegewezen categorieën

Doel & gedrag

Collecties in dit paneel zijn verborgen voor:

• Breadcrumbs

• Subcategorieblokken

• Categoriehiërarchie

• Gestructureerde gegevens

Waarom collecties niet toewijzen?

• Interne/alleen-admin collecties

• Seizoenscollecties die momenteel niet actief zijn

• Testcollecties

• Collecties gebruikt voor andere doeleinden (kortingen, bundels, enz.)

Toevoegen aan boomweergave

Methode 1: Wanneer een categorie is geselecteerd in de boom

• Klik om een categorie te selecteren in de boomweergave (linkerpaneel)

• Vink een of meer collecties aan in het paneel Niet toegewezen

• Klik op Toevoegen of sleep de collectie

• → Collectie wordt een kind van de geselecteerde categorie

Methode 2: Wanneer geen categorie is geselecteerd

• Zorg dat er niets is geselecteerd in de boomweergave

• Vink een of meer collecties aan in het paneel Niet toegewezen

• Klik op Toevoegen of sleep de collectie

• → Collectie wordt toegevoegd aan de onderkant van de boom (rootniveau)

Zoeken in niet toegewezen

Locatie: Zoekvak bovenaan het paneel Niet toegewezen Functionaliteit:

• Filter de lijst met niet toegewezen collecties

• Vind specifieke collecties snel

• Toont aantal: "Toont 27 niet toegewezen collecties"

Vernieuwen niet toegewezen

Pictogram: Vernieuwpictogram naast zoeken Doel: Werk de lijst met niet toegewezen collecties bij vanuit Shopify

Sneltoetsen

• ⌘/Ctrl + Klik = Meerdere categorieën selecteren

• Shift + Klik = Bereik van categorieën selecteren

• Drag = Categorie/categorieën verplaatsen

• Click collapse icon = Kindcategorieën in-/uitschakelen

• Hold ⌘/Ctrl + Klik inklappen = Alle kinderen recursief inklappen

Wijzigingen opslaan

Automatisch opslaan: Wijzigingen worden NIET automatisch opgeslagen Handmatig opslaan:

• Klik op de knop "Opslaan" rechtsonder

• Alle wijzigingen worden samen toegepast

• Ververs je winkelpagina om updates te zien

Aangepaste weergavenaam voor collecties

Je kunt een aangepaste weergavenaam instellen voor elke collectie die in je boom wordt gebruikt. Hiermee kun je een schoner, korter of klantvriendelijker label tonen in je breadcrumbs en subcategorieën zonder de daadwerkelijke Shopify-collectie te hernoemen.

• ✅ Behoud de originele Shopify-collectietitel voor intern/admin gebruik

• ✅ Toon een ander label in de navigatie van de winkel (breadcrumbs + subcategorieën)

• ✅ Handig voor SEO-vriendelijke formuleringen, afkortingen of consistente naamgeving

Hoe weergavenamen te bewerken

Klik in de Categoriënbomen op een collectie en bewerk de weergavenaam direct. Opmerkingen:

• Wijzigingen worden opgeslagen wanneer je op Opslaan klikt (zelfde als wijzigingen in boomstructuur)

• Het leeg laten van de weergavenaam verwijdert de aangepaste naam (terugval naar de collectietitel)

• Aanbevolen: houd het kort (bijv. 20-40 tekens) voor een betere mobiele gebruikerservaring

Hoe het verschijnt in de winkel

Wanneer een weergavenaam bestaat, geeft de winkel-UI hier de voorkeur aan boven de originele titel. Als er geen weergavenaam is ingesteld, valt de app terug op de Shopify-collectietitel. Dit beïnvloedt:

• Breadcrumb-labels voor collectieniveaus

• Titels/links van subcategorieblokken (indien ingeschakeld in je thema)

Voorbeelden van categorisatiestructuur

Voorbeeld op basis van Menu

Voor het bouwen: Uw Shopify Main Menu:

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

Na het klikken op "Build from menu": Uw Categoriebomen:

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

📁 Men
  └─ 👔 Shirts
  └─ 👖 Pants

Resultaat:

• Alle collectie-items geïmporteerd met behoud van hiërarchie

• HTTP-links (About Us, Contact) automatisch overgeslagen

• Klaar om verder aan te passen met drag & drop

Voorbeeld van een modewinkel

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

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

📁 Sale
  └─ 50% Off
  └─ Clearance

Voorbeeld van een elektronicawinkel

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

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

Beste praktijken

Begin met Build from Menu

Aanbevolen werkwijze:

• Gebruik eerst Build from menu - Als u al een navigatiemenu heeft, gebruik dan Build from Menu om snel te beginnen

• Beoordeel de structuur - Controleer of de geïmporteerde hiërarchie logisch is

• Pas aan indien nodig - Voeg ontbrekende collecties toe, herorganiseer of pas de diepte aan

• Opslaan en testen - Sla uw wijzigingen op en controleer de breadcrumbs op uw winkelpagina

Voordelen:

• Bespaart tijd vergeleken met handmatige setup

• Behoudt uw bestaande menustructuur

• Biedt een solide startpunt voor aanpassingen

Houd het simpel

Goede structuur:

• Maximaal 2-3 niveaus diep

• 5-7 categorieën per niveau

• Duidelijke, beschrijvende namen

Slechte structuur:

• Te veel geneste niveaus (verwarrend)

• Te veel categorieën tegelijk (overweldigend)

• Vage namen zoals "Other" of "Misc"

Organiseer vanuit het perspectief van de klant

Denk als uw klanten:

• Hoe zoeken zij naar producten?

• Wat is hun mentale model?

• Wat is het belangrijkste voor hen?

Modevoorbeeld: ✅ Eerst op geslacht (Women > Dresses) ❌ Eerst op kleur (Red > Women's Items) Elektronica voorbeeld: ✅ Op apparaattype (Laptops > Gaming) ❌ Eerst op merk (Apple > All Products)

Gebruik consistente naamgeving

Doe dit:

• Women's Dresses

• Men's Shirts

• Kids' Shoes

Doe dit niet:

• Dresses for Women

• Shirts (Men)

• Children Footwear

Balans tussen breedte en diepte

Breedte (Plat): Goed voor kleine catalogi

📁 Dresses
📁 Tops
📁 Pants
📁 Accessories

Diepte (Genest): Goed voor grote catalogi

📁 Women
  └─ Dresses
  └─ Tops
  └─ Pants

Veelvoorkomende fouten om te vermijden

❌ Te diepe hiërarchieën

Slecht:

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

Goed:

Home › Women › Dresses › Summer Dresses

❌ Inconsistente naamgeving

Slecht:

• Women's Dresses

• Tops for Women

• Female Accessories

• Women Shoes

Goed:

• Women's Dresses

• Women's Tops

• Women's Accessories

• Women's Shoes

❌ Overlappende categorieën

Slecht:

📁 Sale Items
📁 Clearance
📁 Discounted Products

Goed:

📁 Sale
  └─ 50% Off
  └─ Clearance

Tips voor verschillende winkelgroottes

Kleine winkels (< 100 producten)

Houd het plat en simpel:

📁 New Arrivals
📁 Dresses
📁 Tops
📁 Accessories
📁 Sale

Middelgrote winkels (100-1000 producten)

Voeg één niveau diepte toe:

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

Grote winkels (1000+ producten)

Gebruik volledige hiërarchieën:

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

Veelgestelde vragen