# Legördülő menü

> Legördülő menü készítése almenükkel és megatartalommal, a JetMenu beállításai és a Megamenü widget Legördülő menü elrendezése.

A legördülő menü hamburger-jellegű kapcsolóra nyílik le, és almenüt vagy megatartalmat is hordozhat. Ez a fejezet a menü elkészítésétől a megjelenítéséig végigvezet.

## Követelmények

- Elementor és a JetMenu aktiválva.
- A fejlécsablon készítéséhez a Crocoblock sablonszerkesztője.
- Ha egyedi bejegyzéstípusok oldalait is a menübe teszed, a JetEngine is kell.

## 1. A menü létrehozása

1. Nyisd meg a **Megjelenés → Menük** oldalt, és kattints az új menü létrehozására szolgáló hivatkozásra.
2. Írd be a menü nevét, és kattints a **Menü létrehozása** gombra.
3. A **Menüelemek hozzáadása** részben jelöld be a menübe szánt oldalakat, bejegyzéseket és egyéni hivatkozásokat, majd kattints az **Add to Menu** gombra.
4. Az elemek először főelemként kerülnek a menü szerkezetébe. Almenüelem készítéséhez húzd az elemet jobbra, a szülőelem alá. A sorrendet az elemek lenyitása után a fel és le gombokkal is módosíthatod.
5. A **Menü beállítások** részben jelöld be a menühelyet (például **Elsődleges menü**).
6. A **JetMenu-helyek beállításai** dobozban kapcsold be a **JetMenu bekapcsolása az aktuális menühelyen** kapcsolót, és kattints a **Menü mentése** gombra.

## 2. A megatartalom hozzáadása

1. Vidd az egeret a menüpontra, és kattints a **Settings** gombra. Az **Item settings** ablak a **Mega Content**, **Item Icon**, **Item Badge**, **Advanced** és **Dynamic Visibility** részekből áll.
2. A **Mega Content** résznél kapcsold be a **Use Mega content** kapcsolót, a **MEGA CONTENT TYPE** mezőben válaszd ki a szerkesztőt, és kattints az **Open editor** gombra.
3. Építsd fel a tartalmat (szöveg, képek, listák), és kattints a **Frissítés** gombra. Zárd be a szerkesztőt.
4. Az ikon és a jelvény beállításait az **Item Icon** és **Item Badge** részekben adhatod meg ([A menüelem beállításai](https://hub.hellowp.io/hu/plugins/jet-menu/elem-beallitasok/)).
5. Kattints az ablakban a **Save** gombra, majd a menüszerkesztőben a **Menü mentése** gombra.

A megatartalom részletes beállításait a [Megamenü készítése](https://hub.hellowp.io/hu/plugins/jet-menu/megamenu-keszites/) fejezet írja le.

## 3. A JetMenu beállításai a legördülő elrendezéshez

1. Nyisd meg a **Crocoblock → JetPlugins Settings** oldalt, és válaszd a **JetMenu** részt.
2. A **Főmenü** részben, az **Elrendezés** szakaszban válaszd a **Legördülő menü** értéket. Ilyenkor megjelennek a legördülő menühöz tartozó mezők (elrendezés, pozíció, ikon).
3. Ugyanitt megadhatod az **Almenü animációját**, az **Almenü aktiválási módját**, az **Almenü célpontját**, valamint a kapcsoló és a nyitott kapcsoló ikonját (feltöltéssel vagy az ikontárból).
4. A **Főmenü** stíluscsoportban a konténer szélességét, a tipográfiát, a színeket, a térközöket, a kereteket és a jelvény beállításait állíthatod.

A mezők leírása: [A JetMenu beállításai](https://hub.hellowp.io/hu/plugins/jet-menu/beallitasok/).

## 4. A menü megjelenítése a Megamenü widgettel

1. Nyisd meg a **Crocoblock → Theme Templates** oldalt, és kattints az új sablon hozzáadására.
2. A **Template Type** listából válaszd a **Header** értéket, válaszd ki a szerkesztőt, adj nevet a fejlécnek, és kattints a **Create Template** gombra.
3. A szerkesztőben keresd meg a **Megamenü** widgetet, és húzd az oldalra.
4. A **Menü** listában válaszd ki a létrehozott menüt, az **Elrendezés** listában pedig a **Legördülő menü** értéket.
5. Ilyenkor megjelenik a **Legördülő menü elrendezése** (**Alapértelmezett** vagy **Tolás**) és a **Legördülő menü pozíciója** (**Jobb**, **Középre**, **Bal**) mező. A többi mezőt az [Elementor-widgetek](https://hub.hellowp.io/hu/plugins/jet-menu/widgetek/) fejezet írja le.
6. Állítsd be a **Stílus** fülön a megjelenést, és kattints a **Frissítés** gombra.
7. Add meg a fejlécsablon megjelenési feltételeit, hogy az oldalon valóban megjelenjen.

Nyisd meg a weboldalt: a menü a kapcsolóikonra kattintva lenyílik, és a megatartalmú elemekre rámutatva a panel is megjelenik.