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

# Editor storefrontu - Drobné navigace

> Nastavte styl drobné navigace, která zákazníkovi ukazuje jeho polohu ve vašem obchodě.

![Panel nastavení drobné navigace v editoru storefrontu](https://mintcdn.com/twicecommerce/cJlH0EnJIdVT0BaS/images/theme-editor-breadcrumbs.webp?fit=max\&auto=format\&n=cJlH0EnJIdVT0BaS\&q=85\&s=8533c3118b632f56f063af95d5e3df8d)

Editor storefrontu > Drobné navigace

Panel Drobné navigace řídí barvy drobné navigace zobrazené na stránkách kolekce a nabídky. Najdete jej pod **Components** v editoru storefrontu. Zda se drobná navigace vůbec zobrazuje, se nastavuje na úrovni jednotlivé stránky, viz [Stránka nabídky](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/pages/listing.md).

## Barvy

| Nastavení | Typ | Výchozí | Popis |
| - | - | - | - |
| Text | Barva | `#374152` | Barva neaktivních odkazů drobné navigace. |
| Aktivní | Barva | `#111826` | Barva aktuální (poslední) položky drobné navigace. |

## CSS proměnné

```css CSS proměnné theme={null}
:root {
  --storefront-breadcrumb-text-color: #374152;
  --storefront-breadcrumb-active-color: #111826;
}
```

## Související články

> **[Stránka nabídky](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/pages/listing.md)**
>
> Zapněte drobnou navigaci na stránce nabídky.

> **[Barvy](https://www.twicecommerce.com/docs/cs/sales-channels/online-store/theme-editor/settings/colors.md)**
>
> Definujte barevnou paletu storefrontu.


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