Jak tworzyć hierarchię kategorii, konfigurować nawigację warstwową (layered navigation) i zarządzać menu w Magento 2 i MageOS.
Kategorie w Magento 2 tworzą hierarchiczne drzewo, które stanowi szkielet nawigacji sklepu. Każdy sklep Magento ma jedną kategorię główną (Root Category), do której podpięte są wszystkie pozostałe kategorie i podkategorie. Dobre planowanie struktury kategorii jest kluczowe zarówno dla UX, jak i SEO.
Optymalna głębokość drzewa kategorii to 3 poziomy: np. Odzież → Kurtki → Kurtki zimowe. Zbyt płaskie drzewo (wszystkie produkty w jednej kategorii) utrudnia filtrowanie; zbyt głębokie (5+ poziomów) dezorientuje klientów i rozcieńcza SEO.
W menu bocznym wybierz Katalog → Kategorie (Catalog → Categories). Po lewej stronie widzisz drzewo kategorii, po prawej formularz edycji aktualnie wybranej kategorii.
Zaznacz kategorię nadrzędną w drzewie (np. „Odzież"), a następnie kliknij Dodaj podkategorię (Add Subcategory). Wypełnij Nazwa kategorii i ustaw Is Active na Tak (Yes).
W zakładce Display Settings ustaw Display Mode (Products only / Static Block only / Both), CMS Block (opcjonalny blok HTML) i Default Product Listing Sort By (domyślne sortowanie produktów w kategorii).
W zakładce Content wgraj Category Image — obraz wyświetlany w nagłówku strony kategorii. Możesz też dodać opis kategorii (widoczny nad/pod listingiem) i blok CMS z banerem promocyjnym.
W zakładce Search Engine Optimization ustaw URL Key (np. kurtki-zimowe), Meta Title i Meta Description dla tej kategorii. URL Key tworzy przyjazny adres URL kategorii.
W zakładce Products in Category możesz ręcznie zarządzać przypisaniem produktów lub ustawić reguły automatycznego przypisywania. Kliknij Zapisz (Save Category).
Nawigacja warstwowa (Layered Navigation) to panel filtrów wyświetlany na stronach kategorii, umożliwiający klientom zawężenie wyników wg atrybutów (kolor, rozmiar, cena, marka). Jest jedną z najbardziej docenianych przez klientów funkcji w sklepach z dużym katalogiem.
Aby atrybut pojawił się w filtrach kategorii, musi mieć ustawione Use in Layered Navigation na Filterable (with results) lub Filterable (no results). Ustawienie to znajduje się w edycji atrybutu: Sklepy → Atrybuty → Produkt → [edycja atrybutu] → zakładka Storefront Properties.
Menu nawigacyjne w Magento 2 jest automatycznie generowane z drzewa kategorii. Kategorie z ustawieniem Include in Navigation Menu: Tak są wyświetlane w górnym menu sklepu (top navigation). Możesz kontrolować, które kategorie pojawiają się w menu i na jakim poziomie.
Konfiguracja menu w panelu: Sklepy → Konfiguracja → Ogólne → Sieć Web → Default Pages → Default Web URL. Głębokość menu (ile poziomów podkategorii jest rozwijanych po najechaniu) ustawia się w Sklepy → Konfiguracja → Katalog → Nawigacja (Navigation).
Strony kategorii mają ogromny potencjał SEO — często zajmują wyższe pozycje w Google niż poszczególne strony produktów, ponieważ odpowiadają na ogólniejsze zapytania (np. „kurtki zimowe damskie"). Warto zadbać o SEO każdej ważnej kategorii.
Magento 2 technicznie obsługuje nieograniczoną głębokość drzewa kategorii, jednak z perspektywy UX i SEO zaleca się maksymalnie 3–4 poziomy: Kategoria główna → Podkategoria → Kategoria szczegółowa. Zbyt głęboka hierarchia utrudnia nawigację klientom i może rozcieńczać wartość SEO strony przez zbyt długie ścieżki URL.
Layered Navigation (nawigacja warstwowa) to panel filtrów wyświetlany na stronach kategorii, umożliwiający klientom zawężenie wyników wg atrybutów (np. kolor, rozmiar, cena, marka). W Magento 2 filtrowane mogą być atrybuty produktów z ustawieniem Use in Layered Navigation: Filterable. Nawigacja warstwowa znacznie poprawia UX i konwersję w dużych katalogach — klienci szybko odnajdują produkty spełniające ich kryteria.
Baner kategorii dodaje się w edycji kategorii w zakładce Content. Sekcja Category Image umożliwia wgranie zdjęcia wyświetlanego w nagłówku strony kategorii. Możesz też dodać blok CMS (np. HTML z banerem promocyjnym) w polu CMS Block. W motywie Hyvä dostępne są dodatkowe opcje wyświetlania obrazu kategorii i tworzenia mega-menu z banerami.