# Fülek, körbevezetés, harmonika és lapozható tároló

> Az összetett, szakaszokból álló elemek beállításai: fülek, körbevezetés, harmonika, lapozható tároló és kapcsolós tároló.

A **Fülek**, a **Körbevezetés**, a **Harmonika**, a **Pageable container** és a **Toggle container** összetett elemek: belső szakaszokból állnak, felépítésük a sor és oszlop hierarchiájához hasonló. Annyi szakaszt hozhatsz létre bennük, amennyit szeretnél, és bármilyen tartalmat tehetsz beléjük. Minden elemhez tartozik egy szakaszelem (például **Tab section**), amely egy adott fület vagy szakaszt vezérel. Összetett elembe másik összetett elemet nem lehet beágyazni.

Mindegyik elemnek van **Widget címe** és **Widget címsorcímkéje** (a cím HTML-címkéje), **Elem ID**, **Extra osztálynév** és **Design options** füle.

## Fülek

![A fülek szerkesztőablaka](./kepek/szerkesztes-elem-fulek.webp)

*A fülek szerkesztőablaka* (https://minta-bolt.hu/wp-admin/post.php?vc_action=vc_inline&post_id=8&post_type=page)

| Beállítás | Mit csinál |
|---|---|
| **Stílus**, **Forma** | A fülek kinézete és alakja. |
| **Inactive color**, **Active color** | Az inaktív és az aktív fül színe. |
| **Fill content area** | Alapból be van kapcsolva: a tartalmi terület színnel kitöltött. Kikapcsolva a tartalmi terület átlátszó. |
| **Title tag** | A fülcímek HTML-címkéje. |
| **Igazítás** | A fülcímek igazítása. |
| **Pozíció** | A fülek helye (alapérték: **Felül**). |
| **Térközök** | A fülcímek közti távolság. |
| **Térköz** | A fülcímek és a tartalmi terület közti távolság. |
| **Automatikus lejátszás** | A fülek automatikus váltása másodpercben. Alapból kikapcsolt. |
| **Aktív szakasz** | Melyik szakasz legyen nyitva betöltéskor. Ha mindet zárva szeretnéd, adj meg nem létező számot. |
| **Lapozás** | A lapozó stílusa, ha használsz lapozót (a színe külön állítható). |

## Körbevezetés

A **Körbevezetés** a fülekhez hasonló, a navigáció azonban oldalt áll. A fülek beállításai itt is megvannak, ezen kívül:

| Beállítás | Mit csinál |
|---|---|
| **Pozíció** | A navigáció helye: balra vagy jobbra. |
| **Navigáció szélessége** | A navigációs sáv szélessége. |

## Harmonika

![A harmonika szerkesztőablaka](./kepek/szerkesztes-elem-harmonika.webp)

*A harmonika szerkesztőablaka* (https://minta-bolt.hu/wp-admin/post.php?vc_action=vc_inline&post_id=8&post_type=page)

| Beállítás | Mit csinál |
|---|---|
| **Stílus**, **Forma** | A harmonika kinézete és alakja. |
| **Active color**, **Inactive color** | A szakaszok színe aktív és inaktív állapotban. |
| **Active title color**, **Inactive title color** | A szakaszcímek színe. |
| **Fill content area** | A tartalmi terület kitöltése színnel. |
| **Title tag** | A szakaszcímek HTML-címkéje. |
| **Igazítás** | A szakaszcím igazítása. |
| **Térközök** | A szakaszok és a szakaszcímek közti térköz. |
| **Térköz** | A szakaszok közti távolság. |
| **Ikon**, **Pozíció** | A navigációs ikon fajtája (például **Plusz**) és helye. |
| **Allow to collapse all** | Engedélyezi, hogy az összes szakasz összecsukható legyen. |
| **Automatikus lejátszás** | Automatikus váltás másodpercben (alapból kikapcsolt). |
| **Aktív szakasz** | Melyik szakasz legyen nyitva betöltéskor (nem létező számmal mind zárva marad). |

## Pageable container

Lapozható, fülekre épülő tároló: a belső szakaszok külön oldalakat alkotnak.

![A lapozható tároló szerkesztőablaka](./kepek/szerkesztes-elem-lapozhato.webp)

*A lapozható tároló szerkesztőablaka* (https://minta-bolt.hu/wp-admin/post.php?vc_action=vc_inline&post_id=8&post_type=page)

| Beállítás | Mit csinál |
|---|---|
| **Automatikus lejátszás** | Automatikus váltás másodpercben (alapból kikapcsolt). |
| **Aktív szakasz** | A betöltéskor nyitott szakasz száma. |
| **Lapozás stílusa** | A lapozó kinézete. |
| **Pozíció** | A lapozó helye (például **Alul**). |
| **Lapozás színe** | A lapozó színe (csak akkor, ha van lapozási stílus). |

## Toggle container

Lapozható tartalomtároló kapcsolóval. Beállításai: **Kapcsoló pozíciója** (a lapozó helye), **Active color** (a kapcsoló egyedi színe) és **Inactive color** (a kapcsoló rámutatáskor használt színe).

## Szakasz (Tab section)

A szakasz egy adott fület vagy szakaszt vezérel.

| Beállítás | Mit csinál |
|---|---|
| **Cím** | A szakasz címe. Üresen is hagyhatod. |
| **Tab section id** | A szakasz azonosítója, amellyel hivatkozni lehet rá. Legyen egyedi és érvényes. |
| **Add icon** | Ikon a szakaszhoz az ikonkönyvtárból (külön **Ikon** fül jelenik meg). |
| **Extra osztálynév** | Saját CSS-osztály. |

Az elavult fülek, körbevezetés és harmonika változatról az [Elavult elemek](https://hub.hellowp.io/hu/plugins/js_composer/szerkesztes-egyeb-es-elavult/) fejezet szól.