> ## 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. # Vertaa kategoriapuiden näyttötapoja > Kaikki tavat, joilla kategoriapuu näkyy asiakkaalle, kaupan sivupalkissa, ylätunnisteessa ja puhelimessa, yhdessä paikassa. Valitse sivupalkin tyyli teemaeditorin **Kokoelmasivun** kohdasta **Kategoriapuut** kentästä **Näyttö**, ja ylätunnisteen valikko kohdasta **Kaupan linkki** kentästä **Tyyppi**. Nämä kaksi asetetaan erikseen, joten kaupassa voi olla yhtä aikaa megavalikko ylätunnisteessa ja valintaruutupuu sivupalkissa. Selaa välilehtiä nähdäksesi, mitä kukin tapa tarjoaa asiakkaalle. Sivupalkin kuvat ovat kaikki samalta sivulta, ryhmästä **Ski & Snowboard Rentals**, joten niiden välillä muuttuu vain asetus. Kaupassa on kaksi puuta: **Shop by category**, joka sisältää ryhmät **Bike Rentals**, **Ski & Snowboard Rentals**, **Used Gear** ja **Shop**, sekä **Pre-owned**. ## Valitse sivupalkin tyyli > [tab] Laajennettava valikko > > ![Ski & Snowboard Rentals -sivu, jonka sivupalkissa on Laajennettava valikko: molemmat puut näkyvissä ja avoin haara ryhmineen](https://mintcdn.com/twicecommerce/h24c8N1YWWPtPKa2/images/category-tree-compare-expandable-menu.webp?fit=max\&auto=format\&n=h24c8N1YWWPtPKa2\&q=85\&s=6e36340fe83e311392ffc9e129632970) > > Jokainen puu kokonaan, avattuna sille sivulle asti, jolla asiakas on, ja muualta taitettuna. Valitse se kaupassa, jonka puut ovat niin lyhyitä, että ne voi lukea kerralla, ja tasoilla on vain muutama ryhmä. > [tab] Kohdistettu valikko > > ![Sama sivu, jonka sivupalkissa on Kohdistettu valikko: vain avoin puu, viereiset ryhmät ja alla olevat ryhmät](https://mintcdn.com/twicecommerce/h24c8N1YWWPtPKa2/images/category-tree-compare-focused-menu.webp?fit=max\&auto=format\&n=h24c8N1YWWPtPKa2\&q=85\&s=42a62d7fd7f0871470ef0a258a276f05) > > Yksi askel taaksepäin, viereiset ryhmät ja alla olevat ryhmät. Valitse se suureen tai syvään puuhun, jossa koko luettelo työntäisi suodattimet pois näytöltä. > [tab] Vaiheittainen valikko > > ![Sama sivu, jonka sivupalkissa on Vaiheittainen valikko: vain yhtä tasoa alempana olevat ryhmät](https://mintcdn.com/twicecommerce/h24c8N1YWWPtPKa2/images/category-tree-compare-step-by-step-menu.webp?fit=max\&auto=format\&n=h24c8N1YWWPtPKa2\&q=85\&s=852d80b766fa6fa0cba0e03e394144e8) > > Yksi taso kerrallaan ja linkki ylöspäin. Valitse se, kun haluat asiakkaan tekevän yhden valinnan näkymää kohden, esimerkiksi valitsevan ensin lajin ja sitten tyypin. > [tab] Valintaruutupuu > > ![Sama sivu, jossa Valintaruutupuu on Browse-osiossa: nykyinen ryhmä valittuna listausmäärineen ja ruudukon yllä siru](https://mintcdn.com/twicecommerce/h24c8N1YWWPtPKa2/images/category-tree-compare-checkbox-tree.webp?fit=max\&auto=format\&n=h24c8N1YWWPtPKa2\&q=85\&s=00356eabd34e46fdeaf9cdc040b25c55) > > Suodatin eikä valikko: ryhmän valinta lisää sen listaukset ruudukkoon, jota asiakas jo katsoo. Valitse se, kun asiakkaat vertailevat ryhmien välillä, esimerkiksi kahta lajia kerralla. Valikkotyyli on omassa lohkossaan sivupalkin ylälaidassa. **Valintaruutupuu** on sen sijaan suodattimien joukossa osiossa **Browse**. Katso [Kategoriapuiden tyylit kaupan sivupalkissa](https://www.twicecommerce.com/docs/fi/concepts/catalog/category-tree-sidebar-styles.md), niin näet mitä kukin tyyli tekee puun jokaisessa kohdassa. ## Valitse ylätunnisteen valikko > [tab] Megavalikko > > ![Verkkokaupan etusivu, jossa Shop-megavalikko on auki: sarake puuta kohden ja niiden ensimmäisen tason ryhmät alla](https://mintcdn.com/twicecommerce/h24c8N1YWWPtPKa2/images/category-tree-compare-mega-menu.webp?fit=max\&auto=format\&n=h24c8N1YWWPtPKa2\&q=85\&s=5fab688892baef3b4f8a9dccec443891) > > Ylätunnisteen levyinen paneeli, jossa on sarake puuta kohden ja jota rajaa **Linkkejä saraketta kohti**. Valitse se, kun ylätunniste on pääreitti katalogiisi ja jokaisessa puussa on vähän ensimmäisen tason ryhmiä. > [tab] Pudotusvalikko > > ![Verkkokaupan etusivu, jossa Shop-pudotusvalikko on auki ja listalla kahden puun nimet](https://mintcdn.com/twicecommerce/h24c8N1YWWPtPKa2/images/category-tree-compare-dropdown.webp?fit=max\&auto=format\&n=h24c8N1YWWPtPKa2\&q=85\&s=21729a7bb8fe1b087bbe873f678bb076) > > Lyhyt luettelo puiden nimistä, joista kukin avaa oman puunsa sivun. Valitse se, kun puita on useita ja haluat ylätunnisteen pysyvän tiiviinä. > [tab] Vain linkki > > **Vain linkki** ei avaa mitään. **Shop** on tavallinen linkki kuten kaupassa, jossa ei ole puita, ja sivupalkki hoitaa selaamisen yksin. > > Valitse se, kun haluat asiakkaiden navigoivan sivupalkista. > [tab] Navigaatiokohde > > ![Activities-navigaatiokohde ja sen kaksitasoinen paneeli auki. Winter on sarakkeen otsikkona, ja sen alla korostettuina Skis, Boots ja Poles](https://mintcdn.com/twicecommerce/vjv-VysjtHQP_9_A/images/storefront-header-nav-item-two-levels.webp?fit=max\&auto=format\&n=vjv-VysjtHQP_9_A\&q=85\&s=3591f65656122e0b878d498e902b5d9f) > > Puu omana ylätunnisteen kohteenaan, nimettynä kentässä **Nimike**, kun **Pudotusvalikko** on **Ei pudotusvalikkoa**, **Yksi taso** tai **Kaksi tasoa**. Käytä erillisiä kohteita puille, joita asiakkaat ajattelevat erikseen. Ylätunniste valitsee omat puunsa erillään sivupalkin puista. Katso [Kategoriapuut ylätunnisteessa](https://www.twicecommerce.com/docs/fi/concepts/catalog/category-trees-in-the-header.md), niin näet minne kukin linkki vie ja miten valikot toimivat näppäimistöltä. Puhelimessa sivupalkki siirtyy laatikkoon **Suodata ja järjestä** ja ylätunnisteen kohteet valikkokuvakkeen takana olevaan laatikkoon. Molemmat alla olevat sivut näyttävät, miltä se näyttää. ## Aiheeseen liittyvät artikkelit > [card] [Kategoriapuiden tyylit kaupan sivupalkissa](https://www.twicecommerce.com/docs/fi/concepts/catalog/category-tree-sidebar-styles.md) > > Mitä kukin sivupalkin tyyli tekee puun jokaisessa kohdassa. > [card] [Kategoriapuut ylätunnisteessa](https://www.twicecommerce.com/docs/fi/concepts/catalog/category-trees-in-the-header.md) > > Valikot, jotka kaupan linkki ja omat navigaatiokohteesi avaavat. > [card] [Rakenna kategoriapuu](https://www.twicecommerce.com/docs/fi/guides/catalog/build-a-category-tree.md) > > Rakenna puu ja valitse kauppasi näyttämät puut. > [card] [Kategoriapuu](https://www.twicecommerce.com/docs/fi/concepts/catalog/category-trees.md) > > Miten ryhmät ja tasot rajaavat listauksiasi. > [card] [Teemaeditori: Kokoelmasivu](https://www.twicecommerce.com/docs/fi/sales-channels/online-store/theme-editor/pages/collection.md) > > Sivu, jolla sivupalkki ja sen suodattimet asetetaan. This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.