# QuadMenu PRO

> Fejlett, reszponzív megamenü‑építő WordPresshez, amely a natív menürendszert bővítve hoz létre többhasábos, e‑kereskedelem‑kész navigációt, kódolás nélkül.

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

A QuadMenu PRO egy **megamenü‑építő** WordPresshez, amely a natív Menük felületét turbózza fel. Ha a hagyományos menü már szűkös – nem férnek el a kategóriák, képek, widgetek, mini‑kosár vagy bejelentkezés – ezzel a bővítménnyel mindezt egyetlen, **reszponzív, mobil‑első** navigációban oldhatod meg, kódolás nélkül. A PRO kiadás extra elemeket (Tabs, Carousel, Login/Register, Social) és mélyebb testreszabást ad, így vállalati portálokhoz és webshopokhoz egyaránt ideális.

## Fő funkciók, érthetően

### Menüépítő és elrendezések
- **Drag‑and‑drop szerkesztő**: közvetlenül a WordPress Menük képernyőjén dolgozol. Menüpontok, **oszlopok**, **képek**, **widgetek** és egyéni blokkok egyaránt felvehetők.
- **Megamenü több oszloppal**: vizuálisan csoportosíthatod a tartalmat (pl. kategóriák, kiemelt cikkek, promó doboz).
- **Vertikális, horizontális és off‑canvas** menük: asztali és mobil nézetben is átgondolt, könnyen kezelhető navigáció.
- **Ragadós (sticky) fejléc**: a menü görgetés közben is látható marad.
- **Eszköz‑alapú láthatóság és töréspontok**: megadhatod, mely elemek látszanak mobilon, tableten vagy asztali gépen, saját **breakpointokkal**.

### PRO elemek a menüben
- **Tabs (fülek)**: több tartalmi blokk egy menüpont alatt, váltható fülekkel (pl. „Újdonságok”, „Akciók”, „Népszerű”).
- **Carousel**: képek, termékek vagy bejegyzések görgethető sávban a menüben.
- **Login/Register**: bejelentkezés és regisztráció közvetlenül a menüből, külön **vendég** és **belépett** állapottal.
- **Social menü**: közösségi ikonok és hivatkozások egységes stílusban.

### E‑kereskedelmi integráció
- **Mini‑kosár és kosár‑lenyíló**: valós idejű kosárállapot a menüben.
- **Termékek és kategóriák** megjelenítése: listák, rácsok vagy akár Carousel.
- **„Kosárba” gomb a menüben (AJAX)**: gyors vásárlás navigáció megszakítása nélkül.

### Testreszabás és teljesítmény
- **Élő testreszabás** a Customizerben: színek, tipográfia (pl. Google Fonts), háttér, szegélyek, méretek valós időben.
- **Ikonok, jelvények (badges), alcímek**: vizuális kiemelés „Új”, „Akció”, „Beta” címkékkel.
- **Könnyű és gyors**: karcsú kód, **feltételes betöltés** és **kép‑lazyload**, hogy a megamenü ne lassítsa az oldalt.

### Integrációk és kompatibilitás
- Népszerű **témákkal** és **oldalkészítőkkel** (pl. Avada, Astra, Divi, Storefront, GeneratePress, Elementor, Beaver Builder, WPBakery) együttműködik.
- **Fordítási bővítményekkel** kompatibilis többnyelvű oldalakhoz.
- **Divi‑specifikus** beállítások: a PRO illeszkedik a Divi stíluspaneljéhez, külön híd nélkül.

### Fejlesztői eszközök
- **Hookok és szűrők** a HTML/CSS finomhangolásához.
- **LESS/Sass‑barát** stílus‑munkafolyamat.
- **Script/stílus ki‑/bekapcsolás**, alapértelmezett és zárolható opciók.
- **Multisite** és **gyermek‑téma** támogatás ügynökségi környezethez.

## Hogyan működik a gyakorlatban?

- Vállalati portál: a „Szolgáltatások” menüpont alatt **3 oszlopos megamenü**, bal oldalon kategória‑lista, középen illusztrált dobozok, jobb oldalon „Ajánlott tartalmak” Carousel.
- Tartalomportál: a „Témák” alatt **Tabs**: „Friss”, „Népszerű”, „Szerkesztő ajánlata” – mindegyikben külön listanézet.
- Webshop: a „Bolt” menüpontban **kategória‑fa + kiemelt termékek**, jobb felső sarokban **mini‑kosár** élő összeggel, és „Kosárba” gombok AJAX‑szal.
- Tagzóna: a fejlécben **Login/Register**, belépés után a menü automatikusan „Fiókom”, „Rendeléseim”, „Kijelentkezés” opciókat mutat.

## Telepítés és munkafolyamat

1) Telepítsd és aktiváld a bővítményt.  
2) A QuadMenu beállításainál kapcsold be a kívánt **menühelyeket**.  
3) Menj a **Megjelenés > Menük** oldalra: megjelenik a „QuadMenu Items” panel az extra elemekkel.  
4) Hozz létre megamenüket: adj hozzá **oszlopokat**, képeket, widgeteket, PRO elemeket (Tabs, Carousel, Login, Cart).  
5) Finomhangolás a **Customizerben**: színek, tipográfia, töréspontok, ikonok.

```
Gyorstalpaló ellenőrzőlista
- Menühely aktiválva a QuadMenu beállításokban
- Megfelelő elrendezés (horizontális/vertikális/off‑canvas) kiválasztva
- Eszköz‑alapú láthatóság beállítva (mobil vs. desktop)
- WooCommerce mini‑kosár és „Kosárba” gomb engedélyezve (ha webshop)
- PRO elemek: Tabs/Carousel/Login/Social a megfelelő menüpontok alatt
- Customizerben tipográfia és színek egységesítve
```

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

- **Időmegtakarítás**: mindent a natív Menük felületen kezelhetsz, a komplex megamenü is néhány kattintás.
- **Jobb UX és konverzió**: a menü nem csak navigáció, hanem **értékesítési felület** (mini‑kosár, termékek, promó dobozok).
- **Mobil‑első**: off‑canvas, egyedi töréspontok, eszköz‑függő megjelenítés.
- **Teljesítmény**: karcsú, feltételesen töltődik – nem húzza le a Core Web Vitals mutatókat.
- **Skálázhatóság**: fejlesztői hookok, multisite és gyermek‑téma támogatás ügynökségi projektekhez.

## Kinek ajánlott?

- **Webshop tulajdonosoknak**: akik a menüből is szeretnének eladni (mini‑kosár, terméklisták, akciók).
- **Vállalati és nagy tartalommal dolgozó oldalaknak**: ahol a megamenü növeli az **áttekinthetőséget**.
- **Ügynökségeknek és fejlesztőknek**: gyors bevezetés több témába, kevés egyedi kóddal, stabil hook‑készlettel.
- **Tartalomkészítőknek**: vizuális kiemelések, ikonok, jelvények, füles nézetek a jobb felfedezhetőségért.

## Licenc és támogatás, röviden

A PRO éves licencmodellel érhető el (egyedi, többoldalas és korlátlan csomagokkal), támogatással és frissítésekkel, valamint elérhetők **lifetime** opciók és **pénzvisszafizetési garancia**. A pontos csomagok és aktuális árak a hivatalos árlistán találhatók.

## Összegzés

A QuadMenu PRO egy **fejlesztőbarát, nagy teljesítményű megamenü megoldás**, amellyel a WordPress natív menürendszerét kibővítve **átlátható, mobil‑első, e‑kereskedelem‑kész** navigációt építhetsz. Ha több tartalmat szeretnél logikusan megjeleníteni, és közben gyors, modern felhasználói élményt adni, ez a bővítmény pontosan erre való.