# JetTabs For Elementor

> Fülek, harmonikák és tartalomváltó kapcsoló Elementor-oldalakhoz: telepítés, követelmények és tartalomjegyzék.

A JetTabs négy Elementor-widgetet ad az oldalaidhoz. Mindegyikkel több tartalmat tehetsz egyetlen blokkba, a látogató pedig kattintással vagy rámutatással váltogat közöttük. A tartalom lehet szerkesztővel írt szöveg vagy előre elkészített Elementor-sablon, a sablonokban pedig statikus és dinamikus elemek is szerepelhetnek.

| Widget | Mire jó |
|---|---|
| **Fülek** | Vízszintes vagy függőleges fülek, mindegyik mögött külön tartalom. |
| **Klasszikus harmonika** | Lenyitható fejlécek, alattuk a tartalommal. |
| **Képes harmonika** | Képekből álló sáv, amelyben a kiválasztott kép nagyobb helyet kap, és szöveg meg gomb is tartozhat hozzá. |
| **Kapcsoló** | Két tartalom közötti váltás egyetlen kapcsolóval, például két árlista vagy két bejegyzéslista között. |

A widgetek részletesebben:

- A **Klasszikus harmonika** tételeinek címe egyéni mezőkből is jöhet dinamikus címkével. Az aktív és az inaktív állapothoz ikon állítható, a konténer és a tartalom stílusa testre szabható, a tartalom megjelenéséhez animáció választható, a tartalmat pedig Elementor-sablon adhatja.
- A **Képes harmonika** tetszőleges számú tételből áll. Állítható az ikon, az animáció típusa és a képek tájolása; minden tételhez leírás, **Tudj meg többet** gomb és átirányítási cím adható. A képek magassága és szélessége, a szövegek és a konténer stílusa is módosítható.
- A **Kapcsoló** két korábban elkészített Elementor-sablon között vált, így összehasonlíthatsz árakat, képeket, bejegyzéseket vagy bármilyen más tartalmat. Animáció választható, és a stílusbeállításokkal kiemelheted a két tartalom különbségét.
- A **Fülek** vízszintes vagy függőleges elrendezésű lehet. A fülekbe képek, szövegek és ikonok kerülhetnek, a fülcímeket pedig egyéni mezők is adhatják.

## Követelmények

- Elementor (az ingyenes változat is elég).
- A dinamikus adatokhoz (ismétlődő mezők tartalma a fülekben) a JetEngine és a JetTabs hozzá tartozó Dynamic data kiegészítője kell.

## Telepítés és első lépések

1. Telepítsd és aktiváld az Elementort, majd a JetTabs bővítményt.
2. Nyisd meg a **Crocoblock → JetPlugins Settings** menüt, és a **JetTabs** résznél nézd át az alapbeállításokat ([Beállítások](https://hub.hellowp.io/hu/plugins/jet-tabs/beallitasok/)).
3. Nyiss meg egy oldalt az Elementorral, és keresd meg a widgeteket a panel keresőjében: **Fülek**, **Klasszikus harmonika**, **Képes harmonika**, **Kapcsoló**.
4. Ha a fülekbe vagy harmonikákba sablonokat szeretnél tenni, előbb készítsd el őket (lásd [Fülek](https://hub.hellowp.io/hu/plugins/jet-tabs/fulek-attekintes/)).

![Az oldal a négy JetTabs widgettel, vendégként nézve](./kepek/tabs-frontend.webp)

*Az oldal a négy JetTabs widgettel, vendégként nézve* (https://minta-bolt.hu/jettabs-bemutato/)

A kép a Fülek widget kimenetét mutatja: az aktív fül címe színes, alatta a hozzá tartozó tartalom.