# Körmenü (Circle Menu) widget: kör alakú vagy egyenes legyezőmenü

> A Körmenü widget elrendezései, a menülista elemei, a kattintásra nyíló menü és a legfontosabb beállítások.

A **Körmenü** widget a menü hivatkozásait egyetlen kapcsolóikonból nyíló, legyezőszerűen szétterülő ikonokként mutatja: vagy körív mentén, vagy egy sorban. Egyedi kód nélkül építhetsz vele ilyen menüt.

A widget a Pro változat része, ingyenes párja nincs. Használat előtt kapcsold be: **The Plus Addons → Widgets**, keress rá a **Körmenü** szóra, és kapcsold be a kapcsolóját. Az Elementor szerkesztőjében a **Körmenü** nevet keresd. A widgethez az ingyenes Elementor kell.

## Fő tulajdonságok

- Két elrendezés: kör (az ikonok körív mentén nyílnak) és egyenes (az ikonok egy sorban nyílnak).
- Menüelemenként többféle hivatkozás: **URL**, **E-mail-cím** vagy **Telefonszám**.

## Az elrendezés kiválasztása

1. Add az oldalhoz a **Körmenü** widgetet.
2. A **Körmenü** szakaszban az **Ikonelrendezés** mellett válaszd ki a kör alakú (alapérték) vagy az egyenes elrendezést.
3. A **Menülista** elemeit szerkeszd, vagy adj hozzá újat az **Elem hozzáadása** gombbal.

![A Körmenü widget Körmenü szakasza az ikonelrendezéssel és a menülistával](./kepek/karuszell-navigacio-1-kormenu-panel.webp)

*A Körmenü widget Körmenü szakasza az ikonelrendezéssel és a menülistával* (https://minta-bolt.hu/wp-admin/post.php?post=47&action=elementor)

A képen a két elrendezés előnézete és a négy elemet tartalmazó **Menülista** látszik.

A nyitott menü a kör elrendezésnél az ikonokat a kapcsoló körül, körívben mutatja:

![A bezárt körmenü: csak a kapcsolóikon látszik](./kepek/karuszell-navigacio-1-kormenu-zart.webp)

*A bezárt körmenü: csak a kapcsolóikon látszik* (https://minta-bolt.hu/tp-kn-kormenu/)

Zárt állapotban csak a kapcsolóikon látszik.

![A kinyílt körmenü: az ikonok körívben szétterülnek a kapcsoló körül](./kepek/karuszell-navigacio-1-kormenu-nyitva.webp)

*A kinyílt körmenü: az ikonok körívben szétterülnek a kapcsoló körül* (https://minta-bolt.hu/tp-kn-kormenu/)

Kinyitva a négy menüikon körívben nyílik szét. Az ikon irányát az **Ikon iránya** mező adja meg (alapértéke **Lent jobbra**), vagyis ebbe az irányba nyílik a menü.

## A Menülista

A **Menülista** a menüelemek listája, alapból négy elemmel. Mindegyik elemnél a következőket állíthatod:

| Beállítás | Mit csinál |
| --- | --- |
| **Eszköztipp címe** | Az elem szövege, amely az eszköztippben jelenhet meg. |
| **Ikon kiválasztása** | Az elem ikonja, vagy a **Kép használata ikonként** lehetőséggel egy kép. |
| **Linktípus kiválasztása** | **URL**, **E-mail-cím** vagy **Telefonszám**, a típustól függően a megfelelő mezővel. |
| **Szín**, **Háttér típusa**, **Szegélyszín** | Az elem normál és hover állapotának színei. |
| **Eszköztipp láthatósága** | Az eszköztipp mindig látszik-e. |

## Az Extra opciók szakasz

Az **Extra opciók** szakasz a körmenü működését és mozgását szabja.

![A Körmenü Extra opciók szakasza](./kepek/karuszell-navigacio-1-kormenu-panel-extra.webp)

*A Körmenü Extra opciók szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=47&action=elementor)

A képen a szakasz csúszkái és az **Ikon aktiválási módja** mező látszik.

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Kör sugara** | A középső kapcsoló és a menüikonok közötti távolság. | 150 |
| **Ikonok késleltetése** | Hány ezredmásodperc késéssel jelenjenek meg a menüikonok. | 1000 |
| **Menü megnyitásának sebessége** | Milyen gyorsan nyíljon ki a körmenü aktiváláskor. | 500 |
| **Ikonok befelé mozdulása** | Milyen messzire mozduljanak befelé az ikonok a nyitó animáció során. | -20 |
| **Ikonok kifelé mozdulása** | Milyen messzire mozduljanak kifelé az ikonok a nyitó animáció során. | 20 |
| **Ikonátmenet** | Az ikonok mozgásához használt animációs időzítési függvény. | Ease |
| **Ikon aktiválási módja** | Hogyan aktiválódjon a körmenü: **Rámutatás** vagy **Kattintás**. | Rámutatás |

A szakaszban további mezők is megjelennek az elrendezéstől függően (például **Kezdőszög**, **Végszög** és **Menütételek közötti hézag**).

## Kattintásra nyíló körmenü

Az alapértelmezett **Rámutatás** érintőképernyőn kevésbé megbízható, ezért ott érdemes kattintásra állítani.

1. Add az oldalhoz a **Körmenü** widgetet, és állítsd be a menüelemeket.
2. Az **Extra opciók** szakaszban az **Ikon aktiválási módja** legyen **Kattintás** (alapból **Rámutatás**).
3. Tedd közzé az oldalt: a menü ezután nem nyílik meg az egér ráhúzására, csak a kapcsolóikonra kattintva.

Ez a mező a helyi felületen a kör elrendezésnél jelenik meg.

## Hogyan működik

- Kör elrendezésnél a kapcsolóikonra kattintva az ikonok körívben szétterülnek a kapcsoló körül.
- Egyenes elrendezésnél, asztali nézetben, a kapcsolóra kattintva az elemek egy vízszintes sorban nyílnak ki, jól láthatóan, egymást nem fedve.

## Korlátok

- A **Körmenü** csak a Pro változatban érhető el.