# Divi Supreme Pro

> Prémium kiegészítő a Divihez 60+ extra modullal és 8 kiterjesztéssel, hogy kódolás nélkül építs professzionális, gyors és látványos WordPress oldalakat.

## Mi ez és milyen problémát old meg?

A **Divi Supreme Pro** egy „minden az egyben” kiegészítő a Divi témához/Divi Builderhez. Több mint 60 új **Divi modul** és 8 **kiterjesztés** érkezik vele, hogy ne kelljen külön plugineket vadásznod karusszelekhez, galériákhoz, popupokhoz vagy fejlettebb elrendezésekhez. Gyakorlatban: gyorsabban építesz szebb oldalakat, kevesebb kóddal és kevesebb kompatibilitási kockázattal.

## Fő funkciók részletesen

### Modulok – vizuális elemek és tartalomépítés
- **Média és látvány**:  
  - **Image Carousel / Card Carousel** – logósorok, referencia‑slider vagy portfóliókártyák pár kattintással.  
  - **Lottie** – könnyű, vektoralapú animációk a hero szekciókba vagy gombokra.  
  - **Before/After Image Slider** – előtte‑utána összehasonlítás (pl. felújítás, retusálás).  
  - **Tilt Image, Blob/Shapes, Hover Reveal** – modern képeffektek, amelyeket a beépített Divi stíluspanelen testreszabva azonnal látod az eredményt.
- **Tartalom és elrendezés**:  
  - **Advanced Tabs, Content Toggle** – több nézet egy helyen (pl. havi/éves árak, jellemzők).  
  - **Card, Dual Heading, Icon List** – informatív kártyák, kiemelt címsorok és ikonlisták a jobb olvashatóságért.  
  - **Price List, Business Hours** – étlap/árlista és nyitvatartás modul kész sablonnal.  
  - **Filterable/Masonry Gallery** – kategóriázható, mozaikos galériák beépített fénydobozzal.  
  - **Breadcrumbs, Star Rating** – jobb navigáció és bizalomerősítő értékelések.
- **Integrációk és beágyazások**:  
  - **Contact Form 7**, **Facebook** és **Twitter** modulok, illetve **Google Térkép** a gyors beágyazáshoz.

Mit jelent ez neked? A natív Divi modulok korlátait kényelmesen átléped: nem kell külön slider‑ vagy galéria‑plugin, és nem kell kódolnod a gyakori UI mintákat.

### Kiterjesztések – munka- és UX‑gyorsítók
- **Popup**: teljesen a Divi felületéről készíthető popupok. Indíthatod gombnyomásra, időzítve vagy görgetésre – külön plugin nélkül.
- **Scheduled Element**: elemek megjelenítése/elrejtése időablak alapján (pl. kampány banner csak egy hétig).
- **Responsive Viewer**: több (akár egyedi) töréspont előnézete a Builderben – gyorsabb reszponzív finomhangolás.
- **Easy Theme Builder (Header)**: kód nélkül állíthatsz **ragadós** vagy **összehúzódó** fejléceket, plusz extra opciókkal.
- **Library Shortcodes / Library Widget**: Divi Library elrendezéseket ágyazhatsz be bárhová shortcode‑dal vagy widgetként – sablonban, oldalon, sidebarban.
- **Read More**: hosszú szövegek intelligens „összecsukása/kinyitása” több alap Divi modulban.
- **Custom Attributes**: egyéni data‑attribútumok hozzáadása (pl. külső JS könyvtárakhoz) fejlesztői rugalmassággal.

### Teljesítmény és adatkapcsolat
- **Dynamic Assets**: a bővítmény csak az adott oldalon használt CSS/JS‑t tölti be, így gyorsabb a betöltés és kevesebb a „bloat”.
- **Dynamic Content**: a Supreme modulok összeköthetők dinamikus tartalmakkal (mezők, metaadatok), ezért valódi sablonokat építhetsz ismétlődő kézimunka nélkül.

## Gyakorlati példák

- **Marketing/landing**: Lottie animált hero, logókarusszel, „Ajánlat részletei” gomb, ami Supreme Popupot nyit. Ugyanitt egy Content Toggle‑lal váltható ártábla (havi/éves).
- **Katalógus/étlap**: Price List modul csoportokkal, fölötte Advanced Tabs kategóriák szerint, és egy Image Carousel a kiemelt termékeknek.
- **Portfólió**: Filterable Gallery mozaikos rácsban, kategóriaszűrőkkel, kattintásra fénydoboz. Előtte‑utána modul a retusált képekhez.
- **Tudásbázis/blog**: Read More beállítással rövidebb kivonatok mobilon, teljes tartalom megnyitással; Breadcrumbs a jobb tájékozódásért.

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

1. Telepítsd és aktiváld a bővítményt a WordPressben.  
2. A Divi Supreme beállításoknál kapcsold be a szükséges **kiterjesztéseket** (Popup, Scheduled Element, stb.).  
3. Nyisd meg a **Divi Buildert**, és keresd a „Supreme” előtagú modulokat.  
4. Használj minta‑layoutokat, vagy nulláról építs: minden modul a megszokott Divi stílus‑ és fejlett beállításokat kínálja.  
5. Dinamikus tartalomhoz kapcsold a modul mezőit a megfelelő adatforráshoz.

## Előnyök és értékajánlat

- **Időmegtakarítás**: egy pluginban megkapod a leggyakoribb hiányzó Divi funkciókat – nincs plugin‑széttöredezettség.  
- **Kevesebb kód**: vizuálisan építesz haladó UI‑mintákat.  
- **Gyors oldal**: Dynamic Assets csak a használt erőforrásokat tölti.  
- **Skálázhatóság**: dinamikus tartalom + Library Shortcodes = tartalom újrahasznosítás és karbantartható sablonok.  
- **Stabilitás**: aktív fejlesztés és folyamatos frissítések, részletes dokumentáció és támogatás.

## Kompatibilitás, licenc, támogatás

- **Kompatibilitás**: Divi Theme, Extra téma vagy a Divi Builder plugin szükséges.  
- **Divi 5 átállás**: a fejlesztő a következő generációs Divivel való kompatibilitáson dolgozik; egyes környezetekben a modulok még nem minden esetben jelennek meg. Éles frissítés előtt ellenőrizd az aktuális állapotot a dokumentációban és a kiadási jegyzetekben.  
- **Licencelés**: éves Professional és élettartam Agency csomagok érhetők el, mindkettő korlátlan webhelyre, teljes modul‑ és kiterjesztéskészlettel, támogatással és frissítésekkel.  
- **Lite változat**: ingyenes kiadás több tucat modullal, kipróbálásra ideális.  
- **Support**: részletes tudásbázis, GYIK és jegyrendszer.

## Kinek ajánlott?

- **Ügynökségeknek és fejlesztőknek**, akik egyetlen, jól dokumentált bővítménnyel szeretnék lefedni a legtöbb vizuális/UX igényt, minimalizálva az egyedi kódot és a plugin‑erdőt.  
- **Marketingeseknek és site‑építőknek**, akik gyorsan akarnak landingeket, popupokat, karusszeleket és dinamikus árlistákat összerakni.  
- **Kisvállalkozásoknak**, akik reszponzív, gyors és látványos oldalt szeretnének, fejlesztő bevonása nélkül is.

## Megjegyzések és jó gyakorlatok

- Kapcsold be csak azokat a **kiterjesztéseket**, amiket használsz – így még gyorsabb lesz az oldal.  
- Reszponzív finomhangolásnál használd a **Responsive Viewer** nézeteit és egyedi töréspontjait.  
- Sablonozáshoz kombináld a **Dynamic Content** lehetőségeket a **Library Shortcodes**‑szal – karbantartható, skálázható rendszer lesz az eredmény.  
- Divi nagyobb frissítése előtt mindig nézd át a **changelogot** és készíts biztonsági mentést.