# Divi Popup: felugró ablak Divi Library elrendezésből

> Divi Library elrendezés megnyitása felugró ablakban modulról, CSS-osztályról, oldalbetöltéskor, kilépési szándékra vagy WooCommerce-műveletre.

A Divi Popup egy Divi Library elrendezést nyit meg modális ablakban. A felugró ablakot közönséges könyvtárelrendezésként tervezed meg, a Popup Customiserben bekapcsolod rajta a felugró viselkedést, majd elindítod egy modulról (**Advanced → Popup**), CSS-osztályról vagy azonosítóról, oldalbetöltéskor, kilépési szándékra vagy WooCommerce-műveletre.

Fókuszált üzenetekre való (ajánlat, űrlap, értesítés). Az oldal fő tartalmát ne tedd felugró ablakba.

## Mire jó

- Bármelyik Divi Library elrendezés felugró tartalommá válik, nem kell oldalanként újraépíteni.
- Modulról indítható: egy gombon vagy modulon bekapcsolod a **Use Popup** kapcsolót, és kiválasztod az elrendezést. CSS-osztály nem kell hozzá.
- CSS-osztállyal vagy azonosítóval bárhonnan megnyitható az oldalon.
- Megjelenhet oldalbetöltéskor vagy kilépési szándékra (akciókhoz, feliratkozáshoz).
- WooCommerce-műveletekhez köthető, például kosárhoz adáskor (ha a WooCommerce aktív).
- Beállítható, hogyan zárhatják be: háttérre kattintással, Escape-pel, bezáró ikonnal, egyéni CSS-elemmel, automatikus bezárással. A megnyitások gyakorisága is korlátozható (munkamenet, nap, hét, hónap).
- A megnyitás késleltethető, az automatikus bezárás időzíthető.

## Mikor ne használd

- Mindig látszó, fontos tartalomhoz: a felugró ablakot be lehet zárni vagy letiltani, ezért az ilyen tartalom az oldalra való.
- Nagy, több szakaszos oldalakhoz: ott normál oldal vagy Theme Builder sablon a jobb.
- Egyszerű tippszöveghez: ahhoz egy kisebb elem vagy szövegmodul elég.

## Használati esetek

| Eset | Miért jó |
|---|---|
| Hírlevél, érdeklődők gyűjtése | Az űrlap egy könyvtárelrendezésben van, felhívásgombról vagy kilépési szándékra nyílik. |
| Akció vagy közlemény | Oldalbetöltéskor vagy késleltetve jelenik meg, anélkül hogy zsúfolná az elrendezést. |
| Részletek modulból | „Gyorsnézet” vagy plusz információ egy gombról, az oldal elhagyása nélkül. |
| Kosár és WooCommerce | Kiegészítő termék ajánlása vagy visszaigazolás kosárműveletnél. |

## Bekapcsolás

1. Nyisd meg a **Divi Supreme → Extensions** oldalt, kapcsold be a **Divi Popup** kiterjesztést, és mentsd.
2. Hozz létre vagy szerkessz egy elrendezést a **Divi → Divi Library** alatt.
3. Nyisd meg a Popup Customisert, kapcsold be a felugró ablakot, és válaszd ki a típust és az indítókat.
4. Az oldalon szerkessz egy modult, majd **Advanced → Popup → Use Popup**, és válaszd ki az elrendezést (modulról indításhoz).

Alapértelmezetten ki van kapcsolva.

## Első lépések

1. Kapcsold be a kiterjesztést, és mentsd.
2. Építs egy egyszerű könyvtárelrendezést (címsor, szöveg, gomb vagy űrlap).
3. A Popup Customiserben kapcsold be a felugró ablakot, a típus legyen **Module trigger**, a megnyitás **Click**.
4. Az oldalon egy gombnál: **Advanced → Popup**, válaszd ki az elrendezést.
5. Nézd meg a nyilvános oldalon, és kattints a gombra.

## Modulról indítás vagy CSS-célpont

A modulról indítás a legegyszerűbb: az indító elemen nem kell osztály vagy azonosító. A **Target by CSS Class/ID** típust akkor használd, ha az indító elem a buildereden kívül van, vagy sok elem osztozik rajta.

## Időzítés és gyakoriság

A **Open delay** a kiváltás után vár a megjelenítéssel. A **How often opens are allowed** korlátozza az ismétlődést munkamenetre vagy naptári időszakra, hogy az akció ne zaklassa a visszatérő látogatót.

## Bezárási módok

Minden engedélyezett bezárási módot külön beállíthatsz. Ha az összes bezáró kiváltót kikapcsolod, a felugró ablak csak a háttérre kattintással zárható.

## Beállítások

### Modulonként (Advanced → Popup)

| Beállítás | Típus | Alapérték | Mit csinál |
|---|---|---|---|
| **Use Popup** | kapcsoló | ki | Megnyit egy olyan könyvtárelrendezést, amelyen a Popup be van kapcsolva. |
| **Popup Layout** | választó | | A megnyitandó elrendezés. Modulról indításnál nem kell egyéni CSS-osztály vagy azonosító. |

### Popup Customiser (a könyvtárelrendezésen)

| Beállítás | Típus | Alapérték | Mit csinál |
|---|---|---|---|
| **Enable Popup** | kapcsoló | | Bekapcsolja a felugró ablakot ennél az elrendezésnél. |
| **Popup Type** | választó | | Module trigger, Target by CSS Class/ID, Appear on Page Load, Appear on Exit Intent vagy WooCommerce. |
| **Open Popup Trigger** | választó | | Click, Hover, Enter Viewport vagy Leave Viewport (modulról indításnál). |
| **Open Popup Delay** | csúszka | | Késleltetés az indító kiváltása után. |
| **Close Popup Trigger** | jelölőnégyzetek | háttérre kattintás | Háttérre kattintás, Escape, egyéni bezáró ikon vagy egyéni CSS-elem. |
| **Open delay** | csúszka | | Hány másodperccel az indító után nyíljon meg (0 = azonnal). |
| **Popup Target** | választó | | CSS-célpont típusa: osztály vagy azonosító. |
| **Popup Target by Class / ID** | szöveg | | Az osztály vagy azonosító, amely megnyitja. |
| **Popup Appear** | választó | | Always, After X days vagy After X hours (oldalbetöltés és kilépési szándék esetén). |
| **Auto Close Popup** | kapcsoló | | Megadott idő után magától bezárul. |
| **Close after X seconds** | csúszka | | Az automatikus bezárás ideje. |
| **How often opens are allowed** | választó | korlátlan | Korlátlan, munkamenetenként, naponta, hetente vagy havonta. |
| **Max opens in that period** | csúszka | | Legfeljebb ennyiszer nyílhat meg az időszakban (1-100). |
| **Hide Close Button** | kapcsoló | | Elrejti a bezáró vezérlőt. |
| **WooCommerce Action** | választó | | Kosárhoz kapcsolódó műveletek (WooCommerce típusnál). |

## Tippek

- A felugró elrendezést kényelmes maximális szélességre tervezd, és próbáld ki mobilon is.
- Érintőképernyőn és a hozzáférhetőség miatt a **Click** indító a jobb választás.
- Oldalbetöltéskor megjelenő akcióknál állíts be gyakoriságkorlátot, hogy ne minden látogatáskor jelenjen meg.
- A Divi 4-es munkafolyamat ugyanez; a Divi 5-ös migrációs eszközök átalakítják a könyvtárelrendezéseket.