Przegląd

Strona Drzewa kategorii jest podzielona na dwie główne sekcje, z potężną funkcją budowania z menu, która pomoże Ci szybko zacząć:

🌳 Widok drzewa (lewy panel)

Cel: Ta hierarchia definiuje okruszki i bloki podkategorii wyświetlane w Twoim sklepie. Kolekcje w widoku drzewa będą:

• ✅ Pojawiać się w ścieżkach nawigacji okruszków

• ✅ Pokazywać się jako podkategorie na stronach kolekcji

• ✅ Tworzyć wielopoziomowe struktury nawigacji

• ✅ Być uwzględnione w danych strukturalnych (SEO)

📦 Kategorie nieprzypisane (prawy panel)

Cel: Ukryte okruszki i podkategorie - kolekcje istniejące w Twoim sklepie, ale NIE będące częścią struktury nawigacji. Kolekcje w kategoriach nieprzypisanych będą:

• ❌ Nie pojawiać się w okruszkach

• ❌ Nie pokazywać się jako bloki podkategorii

• ❌ Nie być uwzględnione w hierarchii nawigacji

• ✅ Nadal być dostępne przez bezpośrednie adresy URL

Widok drzewa - główne funkcje

🔍 Wyszukiwanie

Lokalizacja: Pole wyszukiwania na górze widoku drzewa Funkcjonalność:

• Szybkie znajdowanie kategorii po nazwie

• Filtruje drzewo w czasie rzeczywistym

• Pomaga nawigować w dużych strukturach kategorii

🔄 Przycisk odświeżania

Lokalizacja: Prawy górny róg Cel: Pobiera najnowsze opublikowane kolekcje z Twojego sklepu Shopify i synchronizuje menu Kiedy używać:

• Po dodaniu nowych kolekcji w panelu administracyjnym Shopify

• Aby zsynchronizować ostatnie zmiany ze sklepu

• Przed przeprowadzeniem dużej reorganizacji

• Gdy nie widzisz swoich menu w rozwijanym polu

🎯 Buduj z menu

Lokalizacja: Grupa przycisków obok nagłówka Widoku drzewa Cel: Automatyczne budowanie drzewa kategorii na podstawie istniejącej struktury menu nawigacyjnego Shopify

Jak to działa

• Wybierz menu z rozwijanego pola (Menu główne, Menu stopki itd.)

• Kliknij przycisk „Build from menu”

• Aplikacja automatycznie:

• - Importuje wszystkie opublikowane kolekcje z menu

• - Zachowuje hierarchię menu (relacje rodzic → dziecko)

• - Wspiera wielopoziomowe zagnieżdżenie (3+ poziomy)

• - Przenosi nieużywane kolekcje do panelu „Nieprzypisane”

Co jest importowane:

• ✅ Tylko opublikowane kolekcje - Tylko elementy menu odwołujące się do opublikowanych kolekcji

• ✅ Hierarchia menu - Zachowane relacje rodzic → dziecko

• ✅ Wielopoziomowe zagnieżdżanie - Obsługuje głębokie struktury menu (3+ poziomy)

Co jest wyłączone:

• ❌ Szkice/nieopublikowane kolekcje - Importowane są tylko opublikowane kolekcje

• ❌ Linki HTTP - Pomijane są linki zewnętrzne i niestandardowe URL-e

• ❌ Linki do produktów - Bezpośrednie linki do produktów nie są importowane

• ❌ Linki do stron - Linki do stron są wyłączone

• ❌ Inne elementy menu - Blogi, wyszukiwanie, linki do koszyka itp. nie są importowane

Ważne ograniczenia:

• ⚠️ Tylko opublikowane kolekcje - Szkice lub nieopublikowane kolekcje nie zostaną zaimportowane

• ⚠️ Tylko linki menu - Importowane są tylko kolekcje znajdujące się w Twoim menu

• ⚠️ Tylko punkt startowy - Prawdopodobnie będziesz musiał dostosować po zbudowaniu (dodać więcej kolekcji, zorganizować na nowo itp.)

Buforowanie menu

Menu są buforowane przez 24 godziny dla szybszego ładowania. Znacznik czasu bufora jest wyświetlany obok grupy przycisków (np. "Cached 14:30:25").

Potrzebujesz zsynchronizować menu?

Jeśli nie widzisz swoich menu na liście rozwijanej, kliknij przycisk Odśwież, aby zsynchronizować najnowsze menu ze swojego sklepu Shopify.

Wizualne wskaźniki w rozwijanym menu

• Elementy kolekcji - Normalny kolor, można je synchronizować z drzewem

• Elementy niebędące kolekcjami (linki HTTP itp.) - Jaśniejszy szary kolor z odznaką typu (np. "HTTP")

• Domyślne menu - Zielona odznaka "Default"

⬇️ Przycisk zwijania wszystkich

Lokalizacja: Obok pola wyszukiwania Cel: Zwija wszystkie rozwinięte kategorie, pokazując tylko elementy najwyższego poziomu Przypadki użycia:

• Uzyskaj przegląd głównych kategorii

• Szybko nawiguj po złożonym drzewie

• Przed wprowadzeniem zmian strukturalnych

⬆️ Przycisk rozwijania wszystkich

Lokalizacja: Obok przycisku zwijania wszystkich Cel: Rozwija wszystkie kategorie, pokazując pełną hierarchię Przypadki użycia:

• Zobacz kompletną strukturę kategorii

• Znajdź głęboko zagnieżdżone elementy

• Przejrzyj całą nawigację naraz

Operacje przeciągnij i upuść

Drzewo obsługuje zaawansowaną funkcjonalność przeciągania i upuszczania do organizowania kategorii.

Wielokrotny wybór

Jak wybrać wiele elementów:

• Wybierz pierwszy element: Kliknij kategorię

• Dodaj więcej elementów: - Przytrzymaj ⌘/Ctrl + Kliknij = Dodaj pojedyncze elementy - Przytrzymaj Shift + Kliknij = Wybierz zakres elementów

• Przeciągnij razem: Przeciągnij dowolny wybrany element, wszystkie wybrane elementy przesuną się razem

Przenoszenie kategorii

Pojedynczy element:

• Kliknij i przytrzymaj kategorię

• Przeciągnij na nowe miejsce

• Upuść, aby umieścić: - Pomiędzy elementami = Ten sam poziom (rodzeństwo) - Na elemencie = Podrzędny tego elementu (zagnieżdżenie) - Przeciągnij w lewo podczas zagnieżdżenia = Wyjmij zagnieżdżenie (przesuń o poziom wyżej)

Wiele elementów:

• Wybierz wiele kategorii (⌘/Ctrl + Kliknij)

• Przeciągnij dowolny wybrany element

• Wszystkie wybrane elementy przesuną się razem

• Upuść, aby umieścić je jako grupę

Wizualna informacja zwrotna

• Linia wskaźnika przeciągania pokazuje, gdzie elementy zostaną umieszczone

• Podświetlenie najechania na docelową kategorię nadrzędną

• Poziom wcięcia pokazuje głębokość zagnieżdżenia

Panel kategorii nieprzypisanych

Cel i zachowanie

Kolekcje w tym panelu są ukryte przed:

• Breadcrumbs

• Blokami podkategorii

• Hierarchią kategorii

• Danymi strukturalnymi

Dlaczego warto pozostawić kolekcje nieprzypisane?

• Kolekcje wewnętrzne/tylko dla administratorów

• Sezonowe kolekcje obecnie nieaktywne

• Kolekcje testowe

• Kolekcje używane do innych celów (zniżki, zestawy itp.)

Dodawanie do widoku drzewa

Metoda 1: Gdy kategoria jest wybrana w drzewie

• Kliknij, aby wybrać kategorię w widoku drzewa (lewy panel)

• Zaznacz jedną lub więcej kolekcji w panelu Nieprzypisane

• Kliknij Dodaj lub przeciągnij kolekcję

• → Kolekcja staje się dzieckiem wybranej kategorii

Metoda 2: Gdy żadna kategoria nie jest wybrana

• Upewnij się, że nic nie jest wybrane w widoku drzewa

• Zaznacz jedną lub więcej kolekcji w panelu Nieprzypisane

• Kliknij Dodaj lub przeciągnij kolekcję

• → Kolekcja zostaje dodana na dole drzewa (poziom główny)

Wyszukiwanie nieprzypisanych

Lokalizacja: Pole wyszukiwania na górze panelu Nieprzypisane Funkcjonalność:

• Filtrowanie listy nieprzypisanych kolekcji

• Szybkie znajdowanie konkretnych kolekcji

• Pokazuje liczbę: "Wyświetlono 27 nieprzypisanych kolekcji"

Odświeżanie nieprzypisanych

Ikona: Ikona odświeżania obok wyszukiwania Cel: Aktualizuje listę nieprzypisanych kolekcji z Shopify

Skróty klawiaturowe

• ⌘/Ctrl + Kliknięcie = Wielokrotny wybór kategorii

• Shift + Kliknięcie = Wybierz zakres kategorii

• Drag = Przenieś kategorię/kategorie

• Click collapse icon = Przełącz dzieci kategorii

• Hold ⌘/Ctrl + Kliknięcie zwijania = Zwiń wszystkie dzieci rekurencyjnie

Zapisywanie zmian

Auto-zapis: Zmiany NIE są zapisywane automatycznie Ręczne zapisywanie:

• Kliknij przycisk "Zapisz" w prawym dolnym rogu

• Wszystkie zmiany są stosowane razem

• Odśwież swój sklep, aby zobaczyć aktualizacje

Niestandardowe nazwy wyświetlane kolekcji

Możesz ustawić niestandardową nazwę wyświetlaną dla dowolnej kolekcji używanej w twoim drzewie. Pozwala to pokazać czytelniejszą, krótszą lub bardziej przyjazną dla klienta etykietę w breadcrumbs i podkategoriach bez zmiany faktycznej nazwy kolekcji Shopify.

• ✅ Zachowaj oryginalny tytuł kolekcji Shopify do użytku wewnętrznego/administracyjnego

• ✅ Pokaż inną etykietę w nawigacji sklepu (breadcrumbs + podkategorie)

• ✅ Przydatne dla SEO, skrótów lub spójnego nazewnictwa

Jak edytować nazwy wyświetlane

W Drzewie kategorii kliknij kolekcję i edytuj jej nazwę wyświetlaną bezpośrednio. Uwagi:

• Zmiany są zapisywane po kliknięciu Zapisz (tak samo jak zmiany struktury drzewa)

• Pozostawienie nazwy wyświetlanej pustej usuwa niestandardową nazwę (powrót do tytułu kolekcji)

• Zalecane: utrzymuj ją krótką (np. 20-40 znaków) dla lepszego UX na urządzeniach mobilnych

Jak to wygląda w sklepie

Gdy istnieje nazwa wyświetlana, interfejs sklepu preferuje ją zamiast oryginalnego tytułu. Jeśli nazwa wyświetlana nie jest ustawiona, aplikacja używa tytułu kolekcji Shopify. Ma to wpływ na:

• Etykiety breadcrumbs dla poziomów kolekcji

• Tytuły/linki bloków podkategorii (gdy są włączone w twoim motywie)

Przykłady struktury kategorii

Przykład Budowania z Menu

Przed budowaniem: Twoje 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

Po kliknięciu "Build from menu": Twoje Drzewo Kategorii:

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

📁 Men
  └─ 👔 Shirts
  └─ 👖 Pants

Wynik:

• Wszystkie elementy kolekcji zaimportowane z zachowaniem hierarchii

• Linki HTTP (About Us, Contact) automatycznie pominięte

• Gotowe do dalszej personalizacji za pomocą przeciągania i upuszczania

Przykład sklepu modowego

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

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

📁 Sale
  └─ 50% Off
  └─ Clearance

Przykład sklepu elektronicznego

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

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

Najlepsze praktyki

Zacznij od Build from Menu

Zalecany sposób pracy:

• Najpierw użyj Build from menu - Jeśli masz już menu nawigacyjne, użyj Build from Menu, aby szybko zacząć

• Sprawdź strukturę - Upewnij się, że zaimportowana hierarchia ma sens

• Dostosuj według potrzeb - Dodaj brakujące kolekcje, zorganizuj ponownie lub dostosuj głębokość

• Zapisz i przetestuj - Zapisz zmiany i sprawdź breadcrumbs na swoim sklepie

Korzyści:

• Oszczędza czas w porównaniu z ręczną konfiguracją

• Zachowuje istniejącą strukturę menu

• Zapewnia solidną bazę do dalszej personalizacji

Utrzymuj prostotę

Dobra struktura:

• Maksymalnie 2-3 poziomy głębokości

• 5-7 kategorii na poziom

• Jasne, opisowe nazwy

Zła struktura:

• Zbyt wiele zagnieżdżonych poziomów (mylące)

• Zbyt wiele kategorii naraz (przytłaczające)

• Niejasne nazwy jak „Inne” lub „Różne”

Organizuj według myślenia klienta

Myśl jak Twoi klienci:

• Jak szukają produktów?

• Jaki mają model mentalny?

• Co jest dla nich najważniejsze?

Przykład mody: ✅ Najpierw według płci (Women > Dresses) ❌ Najpierw według koloru (Red > Women's Items) Przykład elektroniki: ✅ Według typu urządzenia (Laptops > Gaming) ❌ Najpierw według marki (Apple > All Products)

Używaj spójnych nazw

Rób:

• Women's Dresses

• Men's Shirts

• Kids' Shoes

Nie rób:

• Dresses for Women

• Shirts (Men)

• Children Footwear

Zrównoważ szerokość i głębokość

Szerokość (Płaska): Dobra dla małych katalogów

📁 Dresses
📁 Tops
📁 Pants
📁 Accessories

Głębokość (Zagnieżdżona): Dobra dla dużych katalogów

📁 Women
  └─ Dresses
  └─ Tops
  └─ Pants

Typowe błędy do unikania

❌ Zbyt głębokie hierarchie

Źle:

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

Dobrze:

Home › Women › Dresses › Summer Dresses

❌ Niespójne nazewnictwo

Źle:

• Women's Dresses

• Tops for Women

• Female Accessories

• Women Shoes

Dobrze:

• Women's Dresses

• Women's Tops

• Women's Accessories

• Women's Shoes

❌ Nakładające się kategorie

Źle:

📁 Sale Items
📁 Clearance
📁 Discounted Products

Dobrze:

📁 Sale
  └─ 50% Off
  └─ Clearance

Wskazówki dla sklepów o różnej wielkości

Małe sklepy (< 100 produktów)

Utrzymuj strukturę płaską i prostą:

📁 New Arrivals
📁 Dresses
📁 Tops
📁 Accessories
📁 Sale

Średnie sklepy (100-1000 produktów)

Dodaj jeden poziom głębokości:

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

Duże sklepy (1000+ produktów)

Używaj pełnych hierarchii:

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

Najczęściej zadawane pytania