# Divi 5 modulok: morzsamenü és nyitvatartás

> A Divi 5 Visual Builder morzsamenü (Breadcrumbs) és nyitvatartási idő (Business Hours) moduljának beállításai.

Ebben a fejezetben két Divi 5-ös modult találsz: a morzsamenüt és a nyitvatartási időt. Mindkettő a **Divi Supreme** kategóriában van a modulválasztóban, és előbb be kell kapcsolnod a **Divi Supreme Pro → Modulok beállításai** fülön. A builder feliratai angolul maradnak.

## Morzsamenü (Breadcrumbs)

Az oldal hierarchiáját mutató navigációs útvonal (Kezdőlap → szülőoldal → aktuális oldal). Segít a látogatónak eligazodni, és a keresőoptimalizálásnak is jót tesz. Belső oldalakon és hosszú cikkeknél hasznos.

Hozzáadás: a Visual Builderben válaszd a **Supreme Breadcrumbs** modult.

A Theme Builder fejléc-, törzs- vagy láblécsablonjában a modul mintaútvonalat mutat (Home → Parent Page → Your Current Page Title), hogy a morzsákat formázni tudd. Ez csak előnézet, élő oldalakon és bejegyzéseken a valódi hierarchia látszik.

### Content

| Beállítás | Mit csinál |
|---|---|
| **Show Custom Home** | Saját szöveg a kezdőlap-elemnek. |
| **Home Text** | A kezdőlap-elem szövege. |
| **Use Custom URL Link for Home** | Saját cím a kezdőlap-elemnek. |
| **Custom Home Link URL** | A saját cím. Ha üresen hagyod, nem lesz link. |
| **Custom Home Link Target** | A link ugyanabban az ablakban vagy új lapon nyílik. |
| **Show Home Icon**, **Home Icon** | Ikon a kezdőlap-elem mellett és az ikon kiválasztása. |
| **Custom Separator Icon**, **Separator Icon** | Saját elválasztó ikon és az ikon kiválasztása. |
| **Schema Markup (BreadcrumbList)** | BreadcrumbList strukturált adat a keresőknek. Kapcsold ki, ha másik bővítmény már ad morzsamenü-adatot. |

### Design

| Beállítás | Mit csinál |
|---|---|
| **Alignment** | A morzsamenü igazítása. |
| **Items Background Color** | A morzsák háttérszíne. |
| **Bottom Gap** | A morzsák alsó távolsága. |
| **Separators Background Color** | Az elválasztók háttérszíne. |
| **Separator Bottom Gap** | Az elválasztók alsó távolsága. |
| **Items Background Color** (aktuális elem) | Az aktuális elem háttérszíne. |
| **Current Item Bottom Gap** | Az aktuális elem alsó távolsága. |

## Nyitvatartási idő (Business Hours)

Nyitvatartási idők táblázata külön bővítmény nélkül. A modul szülő és gyermek elemekből áll: a szülő a **Supreme Business Hours**, minden sor (nap és időpont) egy gyermek elem. Gyermek elemet külön nem tehetsz az oldalra, mindig a szülő **Content** füléről vedd fel az új sort. A sorok sorrendjét a szülő listájában húzással változtathatod.

Első lépések:

1. Add hozzá a **Supreme Business Hours** modult.
2. A **Content** fülön vedd fel az első sort.
3. Írd be a napot és az időpontot, majd vegyél fel további sorokat.
4. A **Design** fülön állítsd be a színeket, az elválasztókat és a betűket.

Tipp: kezdj 3 és 6 sor között, és a közös megjelenést a szülőn állítsd.

### Szülő: Content

| Beállítás | Mit csinál |
|---|---|
| **Use Striped Background** | A páros és páratlan sorok váltakozó háttérszínt kapnak. |
| **Striped Odd Background Color** | A páratlan sorok háttérszíne. |
| **Striped Even Background Color** | A páros sorok háttérszíne. |

### Szülő: Design

| Beállítás | Mit csinál |
|---|---|
| **Vertical Alignment** | A nap és az időpont függőleges igazítása a soron belül. |
| **Style**, **Weight**, **Color**, **Gap Spacing** (elválasztó) | A nap és az időpont közti elválasztó stílusa, vastagsága, színe és távolsága. |
| **Style**, **Weight**, **Color** (osztóvonal) | A sorok közti osztóvonal stílusa, vastagsága és színe. |

### Gyermek elem: Content

| Beállítás | Mit csinál |
|---|---|
| **Day** | A nap felirata. |
| **Time** | Az időpont. |