Översikt

Sidan Kategoriträd är uppdelad i två huvudsektioner, med en kraftfull funktion för att bygga från meny som hjälper dig att komma igång snabbt:

🌳 Trädvy (vänster panel)

Syfte: Denna hierarki definierar brödsmulor och underkategoriblokker som visas i din butik. Samlingar i trädvyn kommer att:

• ✅ Synas i brödsmulenavigeringsvägar

• ✅ Visas som underkategorier på samlingssidor

• ✅ Skapa flernivånavigationsstrukturer

• ✅ Inkluderas i strukturerad data (SEO)

📦 Oassignerade kategorier (höger panel)

Syfte: Dolda brödsmulor & underkategorier - samlingar som finns i din butik men som INTE är en del av navigationsstrukturen. Samlingar i oassignerade kategorier kommer att:

• ❌ Inte synas i brödsmulor

• ❌ Inte visas som underkategoriblokker

• ❌ Inte ingå i navigationshierarkin

• ✅ Fortfarande vara tillgängliga via direkta URL:er

Trädvy - huvudfunktioner

🔍 Sök

Plats: Sökfält högst upp i trädvyn Funktionalitet:

• Hitta snabbt kategorier efter namn

• Filtrerar trädet i realtid

• Hjälper till att navigera stora kategoristrukturer

🔄 Uppdateringsknapp

Plats: Övre högra hörnet Syfte: Hämtar de senaste publicerade samlingarna från din Shopify-butik och synkroniserar menyer När den ska användas:

• Efter att ha lagt till nya samlingar i Shopify-administrationen

• För att synkronisera senaste ändringar från din butik

• Innan större omorganisation

• När du inte ser dina menyer i rullgardinsmenyn

🎯 Bygg från meny

Plats: Knappgrupp bredvid rubriken Trädvy Syfte: Bygg automatiskt ditt kategoriträd baserat på din befintliga Shopify-navigationsmenystruktur

Hur det fungerar

• Välj en meny från rullgardinsmenyn (Huvudmeny, Sidfotmeny, etc.)

• Klicka på knappen "Build from menu"

• Appen gör automatiskt:

• - Importerar alla publicerade samlingar från menyn

• - Bevarar menyhierarkin (förälder → barn-relationer)

• - Stöder flernivåinbäddning (3+ nivåer)

• - Flyttar oanvända samlingar till panelen "Unassigned"

Vad som importeras:

• ✅ Endast publicerade samlingar - Endast menyalternativ som länkar till publicerade samlingar

• ✅ Menyhierarki - Förälder → barn-relationer bevaras

• ✅ Flernivå-nästning - Stöder djupa menykonstruktioner (3+ nivåer)

Vad som är uteslutet:

• ❌ Utkast/opublicerade kollektioner - Endast publicerade kollektioner importeras

• ❌ HTTP-länkar - Externa länkar och anpassade URL:er hoppas över

• ❌ Produktlänkar - Direktlänkar till produkter importeras inte

• ❌ Sidlänkar - Länkar till sidor utesluts

• ❌ Andra menyalternativ - Bloggar, sök, kundvagnslänkar etc. importeras inte

Viktiga begränsningar:

• ⚠️ Endast publicerade kollektioner - Utkast eller opublicerade kollektioner importeras inte

• ⚠️ Endast menylänkar - Endast kollektioner som finns i din meny importeras

• ⚠️ Endast startpunkt - Du behöver troligen anpassa efter byggandet (lägga till fler kollektioner, omorganisera etc.)

Menycache

Menyer cachas i 24 timmar för snabbare laddning. Cache-tidsstämpeln visas bredvid knappgruppen (t.ex. "Cached 14:30:25").

Behöver du synkronisera menyer?

Om du inte ser dina menyer i rullgardinsmenyn, klicka på Uppdatera-knappen för att synkronisera de senaste menyerna från din Shopify-butik.

Visuella indikatorer i menyrullgardin

• Kollektionsobjekt - Normal färg, kan synkroniseras till ditt träd

• Icke-kollektionsobjekt (HTTP-länkar etc.) - Ljusare grå färg med typmärke (t.ex. "HTTP")

• Standardmeny - Grönt "Standard"-märke

⬇️ Kollapsa alla-knapp

Plats: Bredvid sökrutan Syfte: Kollapsar alla utvidgade kategorier för att visa endast toppnivåobjekt Användningsfall:

• Få en överblick över dina huvudkategorier

• Navigera snabbt i ett komplext träd

• Innan du gör strukturella ändringar

⬆️ Expandera alla-knapp

Plats: Bredvid kollapsa alla Syfte: Expanderar alla kategorier för att visa hela hierarkin Användningsfall:

• Se hela kategoristrukturen

• Hitta djupt nästlade objekt

• Granska hela navigeringen på en gång

Dra & släpp-operationer

Trädet stöder kraftfull dra & släpp-funktionalitet för att organisera kategorier.

Flerval

Hur man väljer flera objekt:

• Välj första objektet: Klicka på en kategori

• Lägg till fler objekt: - Håll ⌘/Ctrl + Klick = Lägg till enskilda objekt - Håll Shift + Klick = Välj ett intervall av objekt

• Dra tillsammans: Dra vilket valt objekt som helst, alla valda objekt flyttas tillsammans

Flytta kategorier

Enskilt objekt:

• Klicka och håll en kategori

• Dra till ny position

• Släpp för att placera: - Mellan objekt = Samma nivå (syskon) - På ett objekt = Barn till det objektet (nästla) - Dra vänster medan nästlad = Avnästa (flytta upp en nivå)

Flera objekt:

• Välj flera kategorier (⌘/Ctrl + Klick)

• Dra vilket valt objekt som helst

• Alla valda objekt flyttas tillsammans

• Släpp för att placera dem som en grupp

Visuell återkoppling

• Draindikatorlinje visar var objekt kommer att placeras

• Hover-markering på målparentkategori

• Indenteringsnivå visar nästlingsdjup

Panel för oassignerade kategorier

Syfte & beteende

Samlingar i denna panel är dolda från:

• Breadcrumb navigation

• Underkategoriblokker

• Kategorihierarki

• Strukturerad data

Varför behålla samlingar oassignerade?

• Interna/administratörs-samlingar

• Säsongssamlingar som inte är aktiva just nu

• Testsamlingar

• Samlingar som används för andra ändamål (rabatter, paket, etc.)

Lägga till i trädvy

Metod 1: När en kategori är vald i trädet

• Klicka för att välja en kategori i trädvyn (vänster panel)

• Markera en eller flera samlingar i panelen Oassignerade

• Klicka på Lägg till eller dra samlingen

• → Samlingen blir ett barn till den valda kategorin

Metod 2: När ingen kategori är vald

• Se till att inget är valt i trädvyn

• Markera en eller flera samlingar i panelen Oassignerade

• Klicka på Lägg till eller dra samlingen

• → Samlingen läggs till längst ner i trädet (rot-nivå)

Sök oassignerade

Plats: Sökfältet högst upp i panelen Oassignerade Funktionalitet:

• Filtrera listan över oassignerade samlingar

• Hitta specifika samlingar snabbt

• Visar antal: "Visar 27 oassignerade samlingar"

Uppdatera oassignerade

Ikon: Uppdateringsikon bredvid sökfältet Syfte: Uppdaterar listan över oassignerade samlingar från Shopify

Kortkommandon

• ⌘/Ctrl + Klick = Markera flera kategorier

• Shift + Klick = Markera ett intervall av kategorier

• Drag = Flytta kategori/kategorier

• Click collapse icon = Växla kategoribarn

• Hold ⌘/Ctrl + Klick kollapsa = Kollapsa alla barn rekursivt

Spara ändringar

Autospara: Ändringar sparas INTE automatiskt Manuell sparning:

• Klicka på "Spara"-knappen längst ner till höger

• Alla ändringar tillämpas tillsammans

• Uppdatera din butikssida för att se ändringarna

Anpassade visningsnamn för samlingar

Du kan ange ett anpassat visningsnamn för vilken samling som helst som används i ditt träd. Detta låter dig visa en renare, kortare eller mer kundvänlig etikett i dina breadcrumbs och underkategorier utan att byta namn på den faktiska Shopify-samlingen.

• ✅ Behåll det ursprungliga Shopify-samlingstiteln för internt/administratörsbruk

• ✅ Visa en annan etikett i butikens navigering (breadcrumbs + underkategorier)

• ✅ Användbart för SEO-vänlig formulering, förkortningar eller konsekvent namngivning

Hur man redigerar visningsnamn

I Kategoriträdet klickar du på en samling och redigerar dess Visningsnamn direkt. Noteringar:

• Ändringar sparas när du klickar på Spara (samma som ändringar i trädstrukturen)

• Att lämna Visningsnamnet tomt tar bort det anpassade namnet (återgår till samlingstiteln)

• Rekommenderas: håll det kort (t.ex. 20-40 tecken) för bättre mobilanvändarupplevelse

Hur det visas i butiken

När ett visningsnamn finns föredrar butikens gränssnitt det framför den ursprungliga titeln. Om inget visningsnamn är satt används Shopify-samlingstiteln. Detta påverkar:

• Breadcrumb-etiketter för samlingsnivåer

• Titlar/länkar för underkategoriblokker (när aktiverat i ditt tema)

Exempel på kategoristruktur

Bygg från Meny-exempel

Innan byggandet: Din 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

Efter att ha klickat på "Build from menu": Ditt kategoriträd:

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

📁 Men
  └─ 👔 Shirts
  └─ 👖 Pants

Resultat:

• Alla samlingsobjekt importerade med hierarkin bevarad

• HTTP-länkar (About Us, Contact) hoppades automatiskt över

• Redo att anpassas ytterligare med dra & släpp

Exempel på modebutik

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

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

📁 Sale
  └─ 50% Off
  └─ Clearance

Exempel på elektronikbutik

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

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

Bästa praxis

Börja med Build from Menu

Rekommenderat arbetsflöde:

• Använd Build from menu först - Om du redan har en navigationsmeny, använd Build from Menu för att snabbt komma igång

• Granska strukturen - Kontrollera om den importerade hierarkin är logisk

• Anpassa vid behov - Lägg till saknade samlingar, organisera om eller justera djupet

• Spara och testa - Spara dina ändringar och kontrollera breadcrumbs på din butikssida

Fördelar:

• Sparar tid jämfört med manuell uppsättning

• Bevarar din befintliga menykstruktur

• Ger en stabil utgångspunkt för anpassning

Håll det enkelt

Bra struktur:

• 2-3 nivåer djup som max

• 5-7 kategorier per nivå

• Tydliga, beskrivande namn

Dålig struktur:

• För många inbäddade nivåer (förvirrande)

• För många kategorier på en gång (överväldigande)

• Vaga namn som "Other" eller "Misc"

Organisera efter kundens tänkande

Tänk som dina kunder:

• Hur söker de efter produkter?

• Vad är deras mentala modell?

• Vad är viktigast för dem?

Modeexempel: ✅ Efter kön först (Women > Dresses) ❌ Efter färg först (Red > Women's Items) Elektronikexempel: ✅ Efter enhetstyp (Laptops > Gaming) ❌ Efter märke först (Apple > All Products)

Använd konsekvent namngivning

Gör så här:

• Women's Dresses

• Men's Shirts

• Kids' Shoes

Gör inte så här:

• Dresses for Women

• Shirts (Men)

• Children Footwear

Balansera bredd och djup

Bredd (platt): Bra för små kataloger

📁 Dresses
📁 Tops
📁 Pants
📁 Accessories

Djup (nästlat): Bra för stora kataloger

📁 Women
  └─ Dresses
  └─ Tops
  └─ Pants

Vanliga misstag att undvika

❌ För djupa hierarkier

Dåligt:

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

Bra:

Home › Women › Dresses › Summer Dresses

❌ Inkonsekvent namngivning

Dåligt:

• Women's Dresses

• Tops for Women

• Female Accessories

• Women Shoes

Bra:

• Women's Dresses

• Women's Tops

• Women's Accessories

• Women's Shoes

❌ Överlappande kategorier

Dåligt:

📁 Sale Items
📁 Clearance
📁 Discounted Products

Bra:

📁 Sale
  └─ 50% Off
  └─ Clearance

Tips för olika butikstorlekar

Små butiker (< 100 produkter)

Håll det platt och enkelt:

📁 New Arrivals
📁 Dresses
📁 Tops
📁 Accessories
📁 Sale

Medelstora butiker (100-1000 produkter)

Lägg till ett djupnivå:

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

Stora butiker (1000+ produkter)

Använd fullständiga hierarkier:

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

Vanliga frågor