> ## Documentation Index > Fetch the complete documentation index at: https://www.twicecommerce.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Styly stromů kategorií v postranním panelu obchodu > Co zákazníci vidí v postranním panelu obchodu u každého stylu zobrazení stromu kategorií, od přehledu obchodu po jednu skupinu. Vyber styl v poli **Zobrazení** v části **Stromy kategorií** na **Stránce kolekce** v editoru motivu. Styl určuje, jak postranní panel obchodu zobrazí stromy vybrané v poli **Vybrat strom kategorií**: v přehledu obchodu na `/shop` i na každé stránce stromu a skupiny pod ním. ![Panel Stromy kategorií se dvěma stromy v poli Vybrat strom kategorií a otevřenou nabídkou Zobrazení, která řadí styly pod nadpisy Nabídky a Filtry](https://mintcdn.com/twicecommerce/vjv-VysjtHQP_9_A/images/theme-editor-category-tree-display.webp?fit=max\&auto=format\&n=vjv-VysjtHQP_9_A\&q=85\&s=1cca00a6cdf11b9b671fcbea8ce797b3) Styly se dělí na dva druhy a nabídka **Zobrazení** je řadí pod tyto dva nadpisy: | Druh | Styly | Co udělá kliknutí | | - | - | - | | **Nabídky** | **Rozbalovací menu**, **Zaměřené menu**, **Menu po krocích** | Otevře vlastní stránku skupiny s vlastní adresou a nadpisem | | **Filtry** | **Strom s checkboxy** | Zaškrtne skupinu a přidá její listingy do mřížky na stránce, kde zákazník je | ## Jak to funguje Styl nabídky má vlastní blok v horní části postranního panelu, pod vyhledávacím polem. **Strom s checkboxy** je místo toho mezi sekcemi filtrů, v sekci s nadpisem **Procházet**. Příklady níže používají jeden obchod se dvěma stromy. **Shop by activity** obsahuje **Winter**, **Cycling**, **Clothing** a **Drinkware**. **Winter** obsahuje **Skis**, **Boots** a **Poles**, **Skis** obsahuje **For rent** a **Pre-owned**. Druhý strom, **Pre-owned**, obsahuje **Skis** a **Bikes**. Snímky nabídek ukazují zákazníka na stránce **Skis**, takže styly porovnáš na jednom místě. ### Rozbalovací menu **Rozbalovací menu** vypíše každý strom celý. Každý strom se otevře na první úrovni a cesta ke stránce, kde zákazník je, se otevře až k ní. Všechny ostatní větve začínají sbalené. Název skupiny otevře její stránku. Šipka na konci řádku řádek jen sbalí nebo rozbalí, takže se zákazník může podívat do jiné větve, aniž by opustil stránku. **Všechno**, které vede na přehled obchodu, zůstává nahoře. ![Stránka Skis s Rozbalovacím menu v postranním panelu. Zvýrazněné jsou odkaz na všechny listingy, aktuální skupina Skis a šipka sbalené větve Cycling](https://mintcdn.com/twicecommerce/vjv-VysjtHQP_9_A/images/storefront-category-tree-expandable-menu.webp?fit=max\&auto=format\&n=vjv-VysjtHQP_9_A\&q=85\&s=a35ea0a9c0c14fce16d5ff3aab932737) Použij ho pro obchod, jehož stromy jsou dost krátké na to, aby se daly přečíst najednou, s několika skupinami na úroveň. ### Zaměřené menu **Zaměřené menu** ukazuje jen to, kde zákazník je. Na stránce skupiny vypíše odkaz o krok zpět, skupinu mezi skupinami vedle ní a skupiny pod ní. Ostatní větve a vyšší úrovně vynechá a vede k nim drobečková navigace nad mřížkou. Na vlastní stránce stromu vypíše **Všechno**, názvy stromů a první úroveň otevřeného stromu pod jeho názvem. V přehledu obchodu vypíše **Všechno** a názvy stromů. ![Stránka Skis se Zaměřeným menu v postranním panelu. Zvýrazněné jsou odkaz zpět na Winter, aktuální skupina Skis a její skupiny For rent a Pre-owned](https://mintcdn.com/twicecommerce/vjv-VysjtHQP_9_A/images/storefront-category-tree-focused-menu.webp?fit=max\&auto=format\&n=vjv-VysjtHQP_9_A\&q=85\&s=00573f851b0bace4dfac3b2d4571b8b5) Použij ho pro velký nebo hluboký strom, kde by celý seznam odsunul filtry mimo obrazovku. ### Menu po krocích **Menu po krocích** ukazuje jednu úroveň najednou. Na stránce skupiny vypíše odkaz o krok zpět a skupiny pod ní. Skupinu pojmenovává nadpis stránky, takže ji seznam vynechá. Skupina, pod kterou nic není, místo toho vypíše skupiny na stejné úrovni a sama je označená, takže se zákazník může dál pohybovat do stran. Na stránce stromu vede odkaz zpět na **Všechno** a na přehled obchodu. V přehledu postranní panel vypíše **Všechno** a názvy stromů. ![Stránka Skis s Menu po krocích v postranním panelu. Zvýrazněné jsou odkaz zpět na Winter, nadpis stránky Skis a skupiny For rent a Pre-owned](https://mintcdn.com/twicecommerce/vjv-VysjtHQP_9_A/images/storefront-category-tree-step-by-step-menu.webp?fit=max\&auto=format\&n=vjv-VysjtHQP_9_A\&q=85\&s=fbfce0cb35a49aaa710df1fd364f4225) Použij ho, když chceš, aby zákazníci udělali jednu volbu na obrazovku, například nejdřív aktivitu a potom typ. ### Strom s checkboxy **Strom s checkboxy** změní stromy na filtr. Každý strom je řádek se zaškrtávacím polem a pod ním jsou jeho skupiny. Každý řádek ukazuje počet listingů, které k němu patří. Mřížka vypíše to, co je v kterékoli zaškrtnuté skupině v jakémkoli stromu, takže každé zaškrtnutí listingy přidává. Ostatní sekce filtrů pak výsledek zužují. ![Přehled obchodu se Stromem s checkboxy v sekci Procházet. Boots a Bikes jsou zaškrtnuté, řádek Winter má pomlčku a nad mřížkou jsou dva štítky](https://mintcdn.com/twicecommerce/vjv-VysjtHQP_9_A/images/storefront-category-tree-checkbox-tree.webp?fit=max\&auto=format\&n=vjv-VysjtHQP_9_A\&q=85\&s=cfe0c5ff99ab03e20cba4c11c2f7ccdb) Zaškrtnutí pokrývá vše pod sebou a zaškrtnutí samotného stromu pokrývá celý strom. Zaškrtnutí skupiny nahradí zaškrtnutí nad ní nebo pod ní, takže se volby nikdy nepřekrývají. Řádek, pod kterým je někde zaškrtnutí, ukazuje pomlčku. Každé zaškrtnutí se objeví jako štítek nad mřížkou a křížek ho odebere. Na stránce stromu nebo skupiny se tato stránka zobrazí jako zaškrtnutí. Každá změna zaškrtnutí tam zákazníka přenese na přehled obchodu s novou sadou. Stromy a větve začínají sbalené, kromě cesty k zaškrtnutí. Obchod s jedním stromem ho zobrazí otevřený. Řádek **Všechno** tu není, protože cestou zpět na celý obchod je zrušení všech zaškrtnutí. Použij ho, když zákazníci porovnávají napříč skupinami, například dvě aktivity najednou nebo všechny velikosti jednoho typu. > [!NOTE] > > Strom vytvořený z kategorií taxonomie zobrazuje stejnou hierarchii jako filtr **Kategorie**. Pokud takový strom zobrazuješ jako **Strom s checkboxy**, vypni **Kategorie** v části **Mřížka výpisů**, aby ho postranní panel nenabízel dvakrát. ## Použití ### Porovnej styly na každém místě Styly nabídek se nejvíc liší na stránce skupiny hluboko ve stromu. Tohle každý z nich vypíše na jednotlivých místech: | Zákazník je na | Rozbalovací menu | Zaměřené menu | Menu po krocích | | - | - | - | - | | Přehled obchodu | **Všechno**, potom každý strom otevřený na první úrovni | **Všechno**, potom názvy stromů | **Všechno**, potom názvy stromů | | Stránka stromu | **Všechno**, potom každý strom, tento označený | **Všechno**, názvy stromů a první úroveň tohoto stromu pod jeho názvem | Odkaz zpět na **Všechno**, potom první úroveň tohoto stromu | | Stránka skupiny | **Všechno**, potom každý strom, cesta k této skupině otevřená | Odkaz zpět, tato skupina mezi skupinami vedle ní a její skupiny pod ní | Odkaz zpět, potom skupiny této skupiny | | Skupina, pod kterou nic není | Totéž, tato skupina označená | Odkaz zpět a tato skupina mezi skupinami vedle ní | Odkaz zpět a tato skupina mezi skupinami vedle ní, označená | ### Zkontroluj zobrazení na telefonu Na telefonu se postranní panel otevírá tlačítkem **Filtrovat a třídit** nad mřížkou. V **Rozbalovacím menu** a **Stromu s checkboxy** tam stromy začínají sbalené, takže panel je po otevření krátký. V **Rozbalovacím menu** se cesta ke stránce, kde zákazník je, otevře, jakmile rozbalí její strom. ![Panel Filtrovat a třídit na telefonu, kde jsou stromy Shop by activity a Pre-owned sbalené a zvýrazněné i se šipkami](https://mintcdn.com/twicecommerce/vjv-VysjtHQP_9_A/images/storefront-category-tree-phone-drawer.webp?fit=max\&auto=format\&n=vjv-VysjtHQP_9_A\&q=85\&s=4760d8b9c984e6adb0b24384c8e0af38) ### Nech ploché kolekce vedle stromů Přepínač filtru **Kolekce** v části **Mřížka výpisů** ovládá jen plochý seznam kolekcí. U stylu nabídky mají stromy vlastní blok a sekce **Kolekce** vypisuje kolekce pod ním. U **Stromu s checkboxy** zaujme sekce **Procházet** místo **Kolekcí** v pořadí filtrů a plochý seznam následuje za ní, dokud je přepínač zapnutý. ### Zobraz strom jen v záhlaví Strom vybraný v **Záhlaví**, ale ne v poli **Vybrat strom kategorií**, se otevře na vlastní adrese bez postranního panelu. Aby jeho stránky panel měly, vyber ho také v poli **Vybrat strom kategorií**. Viz [Stromy kategorií v záhlaví](https://www.twicecommerce.com/docs/cs/concepts/catalog/category-trees-in-the-header.md). ## Související články > **[Stromy kategorií v záhlaví](https://www.twicecommerce.com/docs/cs/concepts/catalog/category-trees-in-the-header.md)** > > Nabídky, které otevírá odkaz na obchod a tvoje navigační položky. > **[Jak vytvořit strom kategorií](https://www.twicecommerce.com/docs/cs/guides/catalog/build-a-category-tree.md)** > > Vytvoř strom a vyber stromy, které obchod zobrazí. > **[Strom kategorií](https://www.twicecommerce.com/docs/cs/concepts/catalog/category-trees.md)** > > Jak skupiny a úrovně zužují tvoje listingy. > **[Editor motivu: Stránka kolekce](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/pages/collection.md)** > > Stránka, kde nastavíš postranní panel a jeho filtry. > **[Nabídni filtry v online obchodě](https://www.twicecommerce.com/docs/cs/guides/catalog/offer-online-store-filters.md)** > > Filtry atributů, které zužují to, co stromy shromažďují. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.