# Widgetek

> A UAE widgetjei: a teljes lista és a gyakrabban használt widgetek beállításai.

Minden widget az Elementor szerkesztőjében, a widgetpanelről húzható az oldalra. A beállításaik három fülön vannak: **Tartalom**, **Stílus**, **Haladó**.

## A widgetek listája

| Csoport | Widgetek |
|---|---|
| Szövegek és címsorok | **Haladó címsor**, **Kétszínű címsor**, **Látványos címsor**, **Tartalomjegyzék** |
| Tartalomdobozok | **Információs doboz**, **Árdoboz**, **Árlista**, **Csapattag**, **Nyitvatartás**, **Üzleti értékelések**, **Tartalomváltó**, **Kicsúszó panel**, **Modális felugró ablak** |
| Gombok és hívások | **Marketing gomb**, **Több gomb**, **Visszaszámláló** |
| Kérdések és strukturált adat | **GYIK séma**, **HowTo** |
| Média | **Képgaléria**, **Videó**, **Videógaléria**, **Retina kép**, **Előtte-utána csúszka**, **Hotspot**, **SVG-animátor**, **Google Térkép** |
| Közösségi | **Instagram hírfolyam**, **X-hírfolyam**, **Közösségi megosztás** |
| Űrlapok | **Bejelentkezési űrlap**, **Felhasználói regisztrációs űrlap**, **Contact Form 7 stílusbeállító**, **Gravity Form stílusbeállító**, **WPForms Styler**, **WP Fluent Forms Styler** |
| Navigáció és keresés | **Speciális navigációs menü**, **Haladó keresés** |
| Bejegyzések, idő, táblázat | **Bejegyzések**, **Idővonal**, **Táblázat** |
| WooCommerce | **Woo - kosárba teszem**, **Woo - kategóriák**, **Woo - Pénztár**, **Woo - Minikosár**, **Woo - termékek**, **Woo - köszönőoldal** |

A **Bejegyzések** widget skinjeit a **UAE → Beállítások → Post Widget Skins** oldalon kezeled. A **Duplicator**, **Megjelenítési feltételek**, **Részecskés hátterek**, **Rögzített fejléc**, **Előbeállítások**, **Webhelyek közötti másolás és beillesztés**, **Üdvözlőzene**, **Party Propz** és **Alakzat-elválasztó** kiegészítők, ezeket a [Kiegészítők](https://hub.hellowp.io/hu/plugins/ultimate-elementor/kiegeszitok/) fejezet írja le.

## Visszaszámláló

A widget háromféle időzítőt tud megjeleníteni: rögzített (fix lejárati időpont), örökzöld (a látogatóhoz kötött időtartam) és ismétlődő időzítőt. Az Elementor Pro nem szükséges hozzá.

**Tartalom** fül:

| Szakasz | Mit állíthatsz |
|---|---|
| **Előbeállítások** | Kész kinézetek. Egy előbeállítás kiválasztása visszaállítja a widget stílusbeállításait. |
| **Általános** | Az időzítő típusa és a lejárati időpont. |
| **Lejárat utáni művelet** | Mi történjen a lejáratkor: elrejtés, üzenet megjelenítése, átirányítás (URL-lel) vagy semmi. A műveletek csak a látogatói oldalon működnek. |
| **Feliratok** | Az alapértelmezett feliratok megjelenítése, saját feliratok megadása (nap, óra, perc, másodperc) vagy a feliratok elrejtése. |

**Stílus** fül: az időzítő alakja (négyzet, kör, lekerekített vagy semmi), az elválasztó kettőspont ki- és bekapcsolása, villogó animáció (megadhatod, hány perccel a lejárat előtt induljon), az elemek szélessége, térközök, hátterek, keretek, valamint a számok és feliratok tipográfiája és színe. A **mobilon egy oszlopba** kapcsoló az elemeket egymás alá rendezi kis képernyőn.

A saját feliratok fordíthatók WPML-lel, az alapértelmezettek nem.

## Speciális navigációs menü

A teljes leírás (egyéni menü, legördülők, mega menü, töréspont) a [Speciális navigációs menü](https://hub.hellowp.io/hu/plugins/ultimate-elementor/fejlec-lablec-navigacios-menu/) fejezetben van.

1. Húzd az oldalra a widgetet.
2. A **Tartalom** fülön a **Menü** szakaszban válaszd ki a WordPress **Megjelenés → Menük** alatt létrehozott menüt.
3. Válaszd ki az elrendezést.

Menübeállítások: az utolsó menüpont gombként is megjeleníthető (például „Kapcsolat” gomb), és bekapcsolható a séma (strukturált adat) támogatása.

| Elrendezés | Hogyan működik |
|---|---|
| Vízszintes | A menüpontok egy sorban, a legördülők lefelé nyílnak. Fejlécbe való. |
| Függőleges | A menüpontok egymás alatt, az almenük lefelé bomlanak ki. Oldalsávba való. |
| Kibontott | Hamburger ikon, kattintásra az összes menüpont és almenü látszik. |
| Kicsúszó | Hamburger ikonra az oldalról csúszik be a menü. Beállítható az oldal (bal vagy jobb), a megjelenési hatás (becsúszás vagy tolás), a hamburger és a menüpontok igazítása. |

## Tartalomjegyzék

A widget az oldal címsoraiból (H1-től H6-ig választható szintek) automatikusan jegyzéket készít.

- Alapból a H2 címsorokat listázza; ha nincs címsor, üzenet kéri, hogy adj hozzá.
- A lista jelölése pont, szám vagy semmi lehet. A hierarchia (például H3 alatt H4) beljebb húzva jelenik meg.
- A jegyzék összecsukható, a nyíl a jobb felső sarokban van. A nyilat szövegre cserélheted, külön a „megjelenítés” és az „elrejtés” szöveggel.
- Támogatja a finom görgetést és a vissza a tetejére gombot.
- Egy címsor kihagyásához add a címsort tartalmazó elem **Haladó → CSS-osztályok** mezőjébe: `uae-toc-hide-heading`. Ez hasznos például a Bejegyzések widget címsorainál.

## GYIK séma

Kérdés-válasz listát készít, elrendezése harmonika (alapértelmezett), rács vagy váltó (toggle).

- A válasz lehet saját tartalom, mentett szekció vagy mentett oldal, shortcode nélkül.
- Beállítható az igazítás, a térköz, az elválasztó, a keret, a háttér, a belső margó és a tipográfia.
- Rácsnál megadhatod az oszlopok számát.
- Bekapcsolható a JSON-LD séma, amely a GYIK tartalmából automatikusan készül, így a keresők értelmezni tudják a kérdéseket.

## Woo - Pénztár

A widget a WooCommerce pénztároldalát teszi szerkeszthetővé. Használat előtt:

1. A WooCommerce **Beállítások → Speciális** fülén, az **Oldalbeállítás** résznél jelöld ki a Pénztár oldalt.
2. Tegyél egy terméket a kosárba, mert a WooCommerce enélkül nem engedi megnyitni a pénztárat a szerkesztéshez.

Elrendezések: egy oszlop (az alapértelmezett kinézet), két oszlop (a számlázási adatok az egyik, a rendelés összegzése és a fizetés a másik oszlopban), többlépéses (számlázás, szállítás, fizetés külön lépésekben).

További beállítások: **Vissza a kosárhoz** gomb, kiegészítő megjegyzés doboz, saját feliratok (számlázás, szállítás, rendelés, fizetés, kosár gomb), a bejelentkezés és a kuponkód szakasz testreszabása, valamint színek és tipográfia minden mezőhöz.

## Közösségi megosztás

Megosztó gombok az oldalhoz vagy bejegyzéshez.

1. Húzd az oldalra a widgetet.
2. A **Tartalom** fülön válaszd ki a közösségi hálózatokat. Mindegyikhez egyéni feliratot is megadhatsz.
3. A megosztásszám megjelenítéséhez kapcsold be a **Share Count** beállítást.
4. A **Stílus** fülön a gombok közti térközt, a méretet és a tipográfiát állíthatod.

A megjelenés lehet ikon és szöveg, csak ikon vagy csak szöveg; a skin lehet színátmenetes, lapos, keretes, minimális vagy dobozos; az alak négyzet, lekerekített vagy kör. A gombok sorban vagy lebegve is megjeleníthetők, animációval.

## Információs doboz, Csapattag, Árdoboz, Haladó címsor

Ezekhez a widgetekhez **Előbeállítások** készletek vannak a **Tartalom** fül tetején. Az előbeállítás kiválasztása után minden tartalmat és stílust szabadon módosíthatsz. Részletek a [Kiegészítők](https://hub.hellowp.io/hu/plugins/ultimate-elementor/kiegeszitok/#előbeállítások) fejezetben.

## Üzleti értékelések

A widget a Google és a Yelp értékeléseit jeleníti meg a webhelyen. A működéséhez a szolgáltatótól kapott API-kulcs (Google Places API-kulcs, illetve Yelp API-kulcs) és az üzlet azonosítója (Google Place ID, illetve Yelp Business ID) kell. A kulcsok megadásának helye a **UAE → Beállítások → Integrations** oldal.

## Bejelentkezési és regisztrációs űrlap

Saját stílusú űrlapok az Elementorral. A bejelentkezési űrlap a közösségi bejelentkezést (Google, Facebook) és a reCAPTCHA v3 vagy hCaptcha védelmet is támogatja, a regisztrációs űrlap pedig a reCAPTCHA v3 mellett méhkas (honeypot) mezőt is használhat a botok kiszűrésére. A Google és a Facebook bejelentkezéshez a szolgáltatótól kapott kliensazonosító kell, a védelemhez a reCAPTCHA vagy hCaptcha kulcsai.

## Űrlapstílusozók

A **Contact Form 7 stílusbeállító**, **Gravity Form stílusbeállító**, **WPForms Styler** és **WP Fluent Forms Styler** widgetek a megfelelő űrlapbővítményben elkészített űrlapot jelenítik meg, és az Elementor stílusbeállításaival formázhatóvá teszik. Az űrlapot a megfelelő bővítményben kell előbb létrehozni. Ha a widget nem látszik, telepítsd és aktiváld az adott űrlapbővítményt.