# Widgetek

> A JetElements widgetjei csoportosítva, és hogy mire használhatók.

A widgeteket az Elementor elemek paneljén, a **JetElements** csoportban találod. A panelen magyar nevük látszik.

![A JetElements widgetek az Elementor elemek paneljén](./kepek/widgetpanel.webp)

*A JetElements widgetek az Elementor elemek paneljén* (https://minta-bolt.hu/wp-admin/post.php?post=6&action=elementor)

A widgetek angol neve a **Crocoblock → JetPlugins Settings → JetElements → Widgets & Extensions** oldalon látszik. Az alábbi táblázatokban a panelen látható magyar név áll elöl, zárójelben az angol név, ahol eltér.

## Képek és bemutatók

| Widget | Mire jó |
| --- | --- |
| **Haladó carousel** (Advanced Carousel) | Tetszőleges elemek forgóban, léptethető sávban |
| **Diavetítés** (Slider) | Teljes szélességű képes vagy szöveges diák |
| **Képek elrendezése** (Images Layout) | Képek rácsban vagy falazott (masonry) elrendezésben |
| **Portfólió** (Portfolio) | Szűrhető munkabemutató |
| **Képek összehasonlítása** (Image Comparison) | Két kép összehasonlítása csúszkával |
| **Instagram** | Instagram-képek megjelenítése (hozzáférési token kell, lásd a [Beállítások](https://hub.hellowp.io/hu/plugins/jet-elements/beallitasok/) fejezetet) |
| **Banner** | Képes figyelemfelhívó blokk szöveggel és gombbal |
| **Inline SVG** | SVG-grafika közvetlen beillesztése az oldalba |
| **Lottie Files** | Lottie-animáció lejátszása |

## Vizuális effektek

| Widget | Mire jó |
| --- | --- |
| **Animált doboz** (Animated Box) | Kétoldalas doboz, amely egérrel fölé víve átvált |
| **Görgetéses navigáció** (Scroll Navigation) | Az oldal részeihez ugró, pontokból álló navigáció |
| **Animált szöveg** (Animated Text) | Szöveg, amelynek egy része váltakozva animálódik |
| **Címsor** (Headline) | Kétrészes, külön formázható cím |
| **Dropbar** | Kattintásra lenyíló tartalom |
| **Visszaszámláló** (Countdown Timer) | Visszaszámlálás egy megadott időpontig |

## Bejegyzések

| Widget | Mire jó |
| --- | --- |
| **Bejegyzések** (Posts) | Bejegyzések (archívum) listázása rácsban vagy más elrendezésben |

## Üzleti blokkok

| Widget | Mire jó |
| --- | --- |
| **Szolgáltatások** (Services) | Szolgáltatások listája ikonnal, címmel, leírással |
| **Árlista** (Price List) | Étlap vagy árjegyzék tételekkel és árakkal |
| **Ártáblázat** (Pricing Table) | Csomagok összehasonlítása |
| **Vélemények** (Testimonials) | Ügyfélvélemények |
| **Csapattag** (Team Member) | Munkatárs bemutatása fotóval, névvel, elérhetőségekkel |
| **Logóbemutató** (Logo Showcase) | Partnerek, ügyfelek logói |

## Számadatok és idővonal

| Widget | Mire jó |
| --- | --- |
| **Táblázat** (Table) | Adattáblázat |
| **Kördiagram** (Pie Chart) | Kördiagram |
| **Oszlopdiagram** (Bar Chart) | Oszlopdiagram |
| **Line Chart** | Vonaldiagram |
| **Folyamatjelző sáv** (Progress Bar) | Százalékos állapotsáv |
| **Kör alakú folyamatjelző** (Circle Progress) | Kör alakú százalékjelző |
| **Függőleges idővonal** (Vertical Timeline) | Események időrendben, függőlegesen |
| **Vízszintes idővonal** (Horizontal Timeline) | Események időrendben, vízszintesen |

## Gombok

| Widget | Mire jó |
| --- | --- |
| **Gomb** (Button) | Hivatkozó gomb |
| **Letöltési gomb** (Download Button) | Fájlletöltést indító gomb |

## WooCommerce

Ezek a widgetek aktív WooCommerce mellett érhetők el, és a termékeket jelenítik meg az Elementor oldalakon:

- Legújabb termékek (WooCommerce Recent Products),
- Kiemelt termékek (WooCommerce Featured Products),
- Akciós termékek (WooCommerce Sale Products),
- Bestsellerek (WooCommerce Bestsellers),
- Legjobbra értékelt termékek (WooCommerce Top Products),
- Termékek (WooCommerce Products).

## Integrációk

| Widget | Mire jó |
| --- | --- |
| **Subscribe Form** | Feliratkozási űrlap MailChimp-listához |
| **Haladó térkép** (Advanced Map) | Google-térkép (vagy a beállított szolgáltató térképe) jelölőkkel |
| **Időjárás** (Weather) | Az aktuális időjárás és az előrejelzés egy megadott helyre |
| **Contact Form 7** | Contact Form 7 űrlap beillesztése az oldalba |
| **Audiolejátszó** (Audio Player) | MP3-fájl lejátszása |
| **Videolejátszó** (Video Player) | Vimeo- vagy YouTube-videó beágyazása |

Az integrációs widgetekhez szükséges kulcsok helye a **Crocoblock → JetPlugins Settings → JetElements → Integrations** oldal.

## Egy widget beillesztése, példa

1. Nyisd meg az oldalt az Elementorral.
2. Az elemek panelén írd be a widget nevét a keresőmezőbe, vagy görgess a **JetElements** csoporthoz.
3. Húzd a widgetet az oldalra, például egy konténerbe.
4. A **Tartalom** fülön írd be a szöveget. A **Címsor** widgetnél az **Első rész** és a **Második rész** mezőt töltsd ki.
5. Kattints a **Frissítés** gombra.