# Breadcrumbok elem

> A Breadcrumbok elem beállításai: szerkezet bejegyzéstípusonként, kezdőlap, elválasztó, tétel és aktuális tétel stílusa.

A **Breadcrumbok** (morzsa) elem a látogató aktuális helyét mutatja a webhely hierarchiájában, és visszavezet a korábbi oldalakra. Az elem az oldal típusától függően más tételeket állít elő. Támogatott oldaltípusok: önálló bejegyzés vagy oldal, kezdőoldal (a bejegyzések oldala), kategória, taxonomia, bejegyzéstípus-archívum, címke, dátumarchívum, szerzői oldal, keresési találatok és a 404-es oldal.

![A Breadcrumbok elem beállításai a szerkesztőben](./kepek/elemek-breadcrumbs.webp)

*A Breadcrumbok elem beállításai a szerkesztőben* (https://minta-bolt.hu/elemek/?bricks=run)

A képen a **Térköz** beállítás és a **Szerkezet**, **Kezdőlap**, **Elválasztó**, **Tétel** és **Aktuális** csoport látszik. A vászonon a „Kezdőlap / Elemek” morzsa jelenik meg.

## Általános beállítás

A **Térköz** a morzsatételek közötti távolságot (`gap`) adja meg. Alapértéke 10px.

## Szerkezet

A **Szerkezet** csoport a morzsa felépítését szabja testre. Jelenleg az önálló oldalakra és a dátumarchívumra vonatkozik.

Alapesetben a morzsa tételei:

- bejegyzésnél: Kezdőlap, a szülő kategóriák (ha vannak), a kategória (ha van), a bejegyzés szülei (ha vannak), az aktuális bejegyzés;
- más bejegyzéstípusnál: Kezdőlap, a bejegyzéstípus archívuma, a bejegyzés szülei (ha vannak), az aktuális bejegyzés.

Bejegyzéstípusonként egyedi szerkezetet adhatsz meg, és több bejegyzéstípust közös szerkezetbe is csoportosíthatsz. Az itt fel nem sorolt bejegyzéstípusok az alapértelmezett szerkezetet használják.

Két példa:

- Egy „Tankok” nevű bejegyzéstípus önálló oldalán a bejegyzéstípus archívumát és egy egyéni taxonomiát szeretnél tételként látni: kapcsold be a **Bejegyzéstípus-archívum megjelenítése** és a **Taxonomia megjelenítése** beállítást, és add meg a taxonomia slugját.
- A termékek önálló oldalán csak az egyéni taxonomia kell tételként: kapcsold be a **Taxonomia megjelenítése** beállítást, és add meg a taxonomia slugját.

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| Bejegyzéstípusok | Ismétlődő lista: bejegyzéstípusonként egyedi szerkezet. | Üres |
| Bejegyzéstípusok (kiválasztó) | Azok a bejegyzéstípusok, amelyekre a szerkezet vonatkozik. Több is választható. | Bejegyzések |
| Aktuális bejegyzés elrejtése | Nem mutatja a morzsa végén az aktuális bejegyzést. | Ki |
| Szülő bejegyzések megjelenítése | A hierarchiában megmutatja a szülő bejegyzéseket. | Ki |
| Bejegyzéstípus-archívum megjelenítése | Megmutatja a bejegyzéstípus archívumának linkjét. | Ki |
| Taxonomia megjelenítése | Taxonomiát is mutat a morzsában. | Ki |
| Taxonomia slug | A megjelenítendő taxonomia slugja. Kötelező, ha a taxonomia megjelenítése be van kapcsolva. | `category` |
| Szülő kifejezések megjelenítése | A hierarchiában megmutatja a szülő kifejezéseket. Csak akkor működik, ha az első hozzárendelt kifejezés gyermek kifejezés. | Ki |
| Kontextus hozzáadása | A dátumarchívum-sablonokon a dátumokhoz kontextust fűz. | Ki |

Taxonomiánál csak az első hozzárendelt kifejezés jelenik meg.

## Kezdőlap

A **Kezdőlap** csoport a morzsa gyökértételét (a kezdőlapot) szabja testre: a linket, a feliratot, az ikont és az ikon helyét.

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| URL | A kezdőlap linkjének egyéni címe. | A webhely főcíme |
| Szöveg | A kezdőlap felirata. | A felületen magyarul „Kezdőlap” |
| Ikon | A kezdőlap ikonja. | Nincs |
| Ikon: Térköz | Az ikon és a felirat közötti távolság. Csak megadott ikonnál érhető el. | Nincs |
| Ikon: Pozíció | Az ikon helye: a felirat előtt vagy után. Csak megadott ikonnál érhető el. | Előtte |
| Felirat elrejtése | Ikon mellett elrejti a feliratot. Csak megadott ikonnál érhető el. | Ki |

## Elválasztó

Az **Elválasztó** csoport a tételek közötti elválasztó megjelenését és működését állítja.

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| Elválasztó típusa | Szöveg, ikon vagy nincs. | Szöveg |
| Elválasztó szövege | A szöveges elválasztó. Csak szöveg típusnál érhető el. | `/` |
| Ikon | Az elválasztó ikonja. Csak ikon típusnál érhető el. | Nincs |
| Szín | Az elválasztó színe. | Nincs |
| Méret | Az elválasztó mérete (betűméret). | Nincs |

## Tétel

A **Tétel** csoport az egyes morzsalinkek megjelenését állítja: **Kitöltés**, **Háttérszín**, **Szegély** és **Tipográfia**.

## Aktuális

Az **Aktuális** csoport az utolsó tételt, vagyis az éppen megnyitott oldalt vagy bejegyzést stílusozza (`aria-current="page"`): **Kitöltés**, **Háttérszín**, **Szegély** és **Tipográfia**.