> ## 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.

# Stromy kategorií v záhlaví

> Co v záhlaví obchodu otevírá odkaz na obchod a tvoje navigační položky u každého typu nabídky, na počítači i na telefonu.

Nastav, co záhlaví otevírá, v části **Záhlaví** v editoru motivu. Stromy kategorií tam zobrazují dvě nastavení: **Typ** v části **Odkaz na obchod** a **Rozbalovací nabídka** u navigační položky, jejíž **Stránka** je **Stromy kategorií**.

Záhlaví si vybírá vlastní stromy, nezávisle na těch, které zobrazuje postranní panel obchodu. Když pole **Vybrat strom kategorií** necháš prázdné, použije **Stromové kategorie obchodu**, tedy stromy vybrané na **Stránce kolekce**.

![Nastavení Odkaz na obchod v části Záhlaví: Typ je Mega menu, v poli Vybrat strom kategorií je jeden strom a zvýrazněné je pole Odkazy na sloupec](https://mintcdn.com/twicecommerce/vjv-VysjtHQP_9_A/images/theme-editor-header-shop-link.webp?fit=max\&auto=format\&n=vjv-VysjtHQP_9_A\&q=85\&s=f2c8a0b96dbde210cc03f4735b33f5a7)

## Jak to funguje

**Odkaz na obchod** se v části **Záhlaví** zobrazí, jakmile vytvoříš strom. Ovládá vestavěnou položku **Obchod** v záhlaví a každou navigační položku nasměrovanou na **Obchod (kolekce)** bez vybrané kolekce.

Příklady níže používají stále stejné dva stromy. **Shop by activity** obsahuje **Winter**, **Cycling**, **Clothing** a **Drinkware**, **Pre-owned** obsahuje **Skis** a **Bikes**.

### Mega menu

**Mega menu** otevře panel přes šířku záhlaví s jedním sloupcem na strom. Název stromu je nadpisem sloupce a otevírá stránku stromu. Pod ním jsou jako odkazy skupiny první úrovně.

Sloupec vypíše tolik skupin, kolik dovolí **Odkazy na sloupec**, od 3 do 20, na začátku 8. Delší sloupec končí odkazem **Zobrazit vše** s počtem skupin, který otevře stránku stromu. Limit drží sloupce přibližně stejně dlouhé, ať je strom jakkoli dlouhý.

![Otevřené mega menu obchodu s jedním sloupcem na strom. Zvýrazněné jsou název stromu Shop by activity, jeho skupiny první úrovně a odkaz pro zobrazení všech čtyř skupin](https://mintcdn.com/twicecommerce/vjv-VysjtHQP_9_A/images/storefront-header-mega-menu.webp?fit=max\&auto=format\&n=vjv-VysjtHQP_9_A\&q=85\&s=d363e7cdd2259cea6481d263b4551d99)

Použij ho, když je záhlaví hlavní cestou do katalogu a každý strom má dost málo skupin první úrovně, aby se daly přečíst na první pohled.

### Rozbalovací nabídka

**Rozbalovací nabídka** otevře krátký seznam názvů stromů. Každý název otevře stránku svého stromu, kde převezme navigaci postranní panel.

![Otevřená rozbalovací nabídka obchodu se seznamem názvů stromů Shop by activity a Pre-owned](https://mintcdn.com/twicecommerce/vjv-VysjtHQP_9_A/images/storefront-header-dropdown.webp?fit=max\&auto=format\&n=vjv-VysjtHQP_9_A\&q=85\&s=673c1824de1d4eb60f6f16b56fd77fd1)

Použij ji, když máš několik stromů a chceš, aby záhlaví zůstalo kompaktní.

### Pouze odkaz

**Pouze odkaz** nic neotevírá. **Obchod** je obyčejný odkaz, stejně jako v obchodě bez stromů.

### Kam vede odkaz na obchod

Odkaz nad jedním stromem otevře stránku tohoto stromu. Odkaz nad několika stromy otevře přehled obchodu na `/shop`, pokud postranní panel obchodu nějaký strom zobrazuje. Pokud žádný nezobrazuje, otevře stránku prvního stromu.

Nabídka obchodu vypisuje stromy, nikdy ploché kolekce. Chceš-li v záhlaví odkázat na kolekci, přidej navigační položku, nastav **Stránka** na **Obchod (kolekce)** a vyber ji v poli **Kolekce**.

## Použití

### Přidej strom jako vlastní položku menu

Přidej navigační položku tlačítkem **Přidat odkaz na stránku** v části **Navigační položky** a nastav **Stránka** na **Stromy kategorií**. Vyber stromy v poli **Vybrat stromy kategorií**, nebo ho nech prázdné pro **Stromové kategorie obchodu**. Potom nastav **Rozbalovací nabídka**:

| Rozbalovací nabídka | Nad jedním stromem | Nad několika stromy |
| - | - | - |
| **Bez rozbalovací nabídky** | Obyčejný odkaz na stránku stromu | Není k dispozici |
| **Jedna úroveň** | Seznam skupin první úrovně stromu | Seznam názvů stromů |
| **Dvě úrovně** | Panel mega menu: každá skupina první úrovně je nadpisem sloupce a pod ní jsou její skupiny | Panel mega menu: každý strom je nadpisem sloupce a pod ním je jeho první úroveň |

![Navigační položka Activities s otevřeným dvouúrovňovým panelem. Winter je nadpisem sloupce a pod ním jsou zvýrazněné Skis, Boots a 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)

**Odkazy na sloupec** v části **Odkaz na obchod** omezují každý sloupec mega menu v záhlaví, včetně sloupců navigační položky. Pojmenuj položku v poli **Označení**: záhlaví ukazuje označení, ne název stromu.

Pro stromy, které zákazníci vnímají odděleně, použij samostatné položky, například **Shop by activity** a **Pre-owned**. Každá pak otevře vlastní panel.

### Otevři nabídky z klávesnice

Nabídka se otevře, když ukazatel spočine na jejím odkazu, nebo šipkou vedle odkazu. Šipka reaguje na Enter a mezerník a Escape nabídku zavře. Panel vyšší než tři čtvrtiny obrazovky se posouvá uvnitř sebe. Kliknutí na odkaz nabídku zavře.

### Zkontroluj zobrazení na telefonu

Na telefonu jsou položky záhlaví v panelu, který se otevírá ikonou menu. Každý řádek začíná zavřený. Název otevře stránku položky a šipka na konci řádku otevře to, co je pod ní, v každé nastavené hloubce. Otevřený řádek vypíše tolik položek, kolik dovolí **Odkazy na sloupec**, a potom **Zobrazit vše**.

![Panel menu na telefonu. Zvýrazněné jsou řádek obchodu, otevřený řádek stromu Shop by activity a jeho odsazené skupiny](https://mintcdn.com/twicecommerce/vjv-VysjtHQP_9_A/images/storefront-header-phone-drawer.webp?fit=max\&auto=format\&n=vjv-VysjtHQP_9_A\&q=85\&s=81b3957139fbcfb378bf0bbe9392bbae)

### Zobraz strom jen v záhlaví

Záhlaví může otevřít jakýkoli strom, i takový, který postranní panel obchodu nezobrazuje. Stránky takového stromu se otevřou na vlastní adrese bez postranního panelu. Aby ho měly, vyber strom také v poli **Vybrat strom kategorií** na **Stránce kolekce**. Viz [Styly stromů kategorií v postranním panelu obchodu](https://www.twicecommerce.com/docs/cs/concepts/catalog/category-tree-sidebar-styles.md).

Navigační položka, která už nemá žádný strom, se v záhlaví skryje, takže nikdy nevede na chybějící stránku. Stane se to, když jsou smazané všechny stromy, které vybrala, nebo když žádný nevybrala a postranní panel obchodu žádný nezobrazuje.

## Související články

> **[Styly stromů kategorií v postranním panelu obchodu](https://www.twicecommerce.com/docs/cs/concepts/catalog/category-tree-sidebar-styles.md)**
>
> Čtyři způsoby, jak postranní panel obchodu zobrazuje tvoje stromy.

> **[Jak vytvořit strom kategorií](https://www.twicecommerce.com/docs/cs/guides/catalog/build-a-category-tree.md)**
>
> Vytvoř strom a přidej ho do záhlaví.

> **[Strom kategorií](https://www.twicecommerce.com/docs/cs/concepts/catalog/category-trees.md)**
>
> Jak skupiny a úrovně zužují tvoje listingy.

> **[Editor motivu](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/overview.md)**
>
> Blok záhlaví a další bloky na každé stránce.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.