# A JetMenu beállításai

> A Crocoblock → JetPlugins Settings → JetMenu oldalai: általános beállítások, a téma menühelyeinek főmenüje és a mobil megjelenítés.

A bővítmény beállításait a **Crocoblock → JetPlugins Settings** oldalon, a **JetMenu** szakaszban találod. Három aloldala van: **Általános beállítások**, **Főmenü** és **Mobil megjelenítés**.

## Általános beállítások

![A JetMenu általános beállításai](./kepek/jetmenu-beallitasok.webp)

*A JetMenu általános beállításai* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-dashboard-settings-page&subpage=jet-menu-general-settings)

Az oldal tetején négy gomb van: **Előbeállítás-kezelő**, **Exportálási opciók**, **Beállítások importálása** és **Opciók alaphelyzetbe állítása**.

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **SVG-képek feltöltésének állapota** | Engedélyezi vagy letiltja az SVG-képek feltöltését. | Be |
| **Sablontartalom-gyorsítótár** | Gyorsítótárat használ a menüsablonokhoz (Elementor és Block Editor). | Be |
| **Gyorsítótár lejárata** | Meddig tárolja a gyorsítótár a megjelenített menüsablonokat. Módosítása kiüríti a meglévő gyorsítótárat. | Üres |
| **Sablonok gyorsítótárának kiürítése** | A **Sablonok gyorsítótárának kiürítése** gombbal törli a gyorsítótárazott menüsablonokat. | |
| **Menü CSS gyorsítótárazása** | A menü CSS-ének gyorsítótárazása. | Ki |

Ha a megamenü tartalma módosítás után sem frissül, ürítsd ki a sablonok gyorsítótárát.

## Főmenü (a téma menühelyei)

Ezek a beállítások csak a téma menühelyeire érvényesek. Ha egy menü olyan helyhez van rendelve, ahol a JetMenu be van kapcsolva, a JetMenu saját megjelenését használja. A JetMenu-widgeteknek saját stílusbeállításaik vannak, ezeket az itteni értékek nem érintik.

![A főmenü beállításai](./kepek/foment-beallitasok.webp)

*A főmenü beállításai* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-dashboard-settings-page&subpage=jet-menu-main-menu-settings)

Az **Elrendezés** szakasz:

| Beállítás | Értékek |
|---|---|
| **Elrendezés** | **Vízszintes**, **Függőleges**, **Legördülő menü** |
| **Almenü pozíciója** | **Jobb**, **Bal** |
| **Almenü animációja** | **Nincs**, **Áttűnés** |
| **Almenü aktiválási módja** | **Rámutatás**, **Kattintás** |
| **Almenü célpontja** | **Tétel** |
| **Mega konténer szélességének típusa** | **Tároló**, **Szelektor**, **Tételek** |
| **Töréspont** | Szám (alapérték 768) |
| **Menü összecsukása** | Kapcsoló: a további menüelemek egy csoportba kerülnek, és a három pont alá rejtődnek, így kisebb lesz a menü. |
| **Összecsukás típusa** | **Szöveg**, **Ikon** |
| **Összecsukás szövege** | A hárompontos gomb felirata. |
| **Lenyíló ikon** | Egyedi ikon a lenyíló nyílhoz. |
| **Mobil megjelenítés használata** | Kapcsoló: mobilon a JetMenu mobil megjelenítése lép életbe. |

A **Főmenü** szakasz a vízszintes menü stílusait adja meg: **Konténer szélessége**, a **Szintek** (**Felül**, **Alsó index**) fülön a **Tételek tipográfiai beállításai**, **Tételek függőleges paddingje**, **Tételek vízszintes paddingje**, **Elemek közötti térköz**, az **Állapotok** (**Normál**, **Rámutatás**, **Aktív**) fülön az **Ikon színe**, **Cím színe** és **Jelvény színe**.

A **Legördülő menü** szakasz ugyanezeket tartalmazza a lenyíló panelre, kiegészítve a **Háttérszín** mezővel, valamint a **Legördülő kapcsoló** részben a **Kapcsoló mérete** és **Kapcsoló távolsága** mezőkkel.

## Mobil megjelenítés

A mobil megjelenítés beállításai szintén a téma menühelyeire vonatkoznak: ha a JetMenu be van kapcsolva a menühelyen, a téma alapértelmezett mobilmenüje helyett a JetMenu mobilmenüje jelenik meg.

![A mobil megjelenítés beállításai](./kepek/mobil-beallitasok.webp)

*A mobil megjelenítés beállításai* (https://minta-bolt.hu/wp-admin/)

Az oldal lenyitható csoportjai: **Beállítások**, **Kapcsológomb stílusai**, **Konténer stílusai**, **Elemek stílusai**, **Almenü ikonjának stílusai** és **Haladó stílusok**.

### A mobil megjelenítés részletei

A **Mobil megjelenítés** oldalon a **Főmenü** és a **Mobil megjelenítés** beállításai csak klasszikus témák menühelyeire érvényesek, blokkos (FSE) témákban nem. Az oldalon hat lenyitható csoport van.

![A mobil megjelenítés Beállítások és Haladó stílusok csoportja kinyitva](./kepek/elso-lepesek-mobil-beallitasok.webp)

*A mobil megjelenítés Beállítások és Haladó stílusok csoportja kinyitva* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-dashboard-settings-page&subpage=jet-menu-mobile-menu-settings)

A képen a **Beállítások** és a **Haladó stílusok** csoport van kinyitva.

#### Beállítások

| Beállítás | Mit csinál |
|---|---|
| **Elrendezés** | A menüpanel megjelenése: **Kicsúszás**, **Legördülő menü** vagy **Tolás**. |
| **Kapcsoló pozíciója** | A kapcsológomb helye: **Alapértelmezett**, **Rögzítve a képernyő bal felső sarkához** vagy **Rögzítve a képernyő jobb felső sarkához**. |
| **Konténer igazítása** | A panel melyik oldalról jön be: **Jobb** vagy **Bal**. |
| **Almenünyitó megjelenítése** | Mi nyitja az almenüt: a **Menüpont** vagy az **Almenüikon**. |
| **Almenü elrendezésének megjelenítése** | Az almenü animációja: **Becsúszás** vagy **Legördülő menü**. |
| **Bezárás navigáció után** | A panel bezárul, ha egy menüpont linkjére kattintasz. |
| **Fejléc tartalma** | Elementor-sablon a panel tetején (például logó). |
| **Elemek előtti tartalom** | Elementor-sablon a menüpontok előtt (például avatar, gomb). |
| **Elemek utáni tartalom** | Elementor-sablon a menüpontok után (például közösségi ikonok). |
| **Kapcsolóikon**, **A kapcsoló nyitott állapotának ikonja** | A kapcsológomb ikonja zárt és nyitott állapotban. |
| **Kapcsoló szövege** | A kapcsológomb felirata. |
| **Jelenítsd meg a kapcsológomb betöltésjelzőjét?** | Betöltésjelzőt mutat a gombon. Alapból be van kapcsolva. |
| **Bezárás ikonja**, **Visszalépés ikonja a menüben**, **Hátoldali szöveg** | A bezáró és a vissza gomb ikonja, valamint a vissza gomb szövege. |
| **Legördülő menü ikonja**, **Lenyíló menü nyitott állapotának ikonja** | Az almenü jelzőikonja zárt és nyitott állapotban. |
| **Használod a breadcrumbot?** | Útvonalmenü a panelben. Bekapcsolva választható a **Breadcrumb-elválasztó ikonja**. Alapból be van kapcsolva. |
| **Használd az elemek ikonjait?** | Megjeleníti a menüelemek ikonját. Alapból be van kapcsolva. |
| **Használd az elemek jelvényeit?** | Megjeleníti a menüelemek jelvényét. Alapból be van kapcsolva. |
| **Jelenítsd meg az elem leírását?** | Megjeleníti a menüelem leírását. Alapból ki van kapcsolva. |

#### Stílusok

![A mobil megjelenítés stílusbeállításai](./kepek/elso-lepesek-mobil-stilusok.webp)

*A mobil megjelenítés stílusbeállításai* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-dashboard-settings-page&subpage=jet-menu-mobile-menu-settings)

- **Kapcsológomb stílusai**: **Ikon színe**, **Ikon mérete (px)**, **Háttérszín**, **Kapcsoló keretbeállításai**, **Kapcsoló dobozárnyék-beállításai**, **Padding**, **Szegély lekerekítése**.
- **Konténer stílusai**: a bezáró és a vissza gomb színe és ikonmérete, a breadcrumb szövegének és elválasztójának színe, az elválasztóikon mérete és a szöveg tipográfiája (kapcsolóval kapcsolható, bekapcsolva betűtípus, méret, sormagasság, betűköz, vastagság, átalakítás és stílus állítható). Ezen kívül **Szélesség (px)** (legfeljebb a nézetablak szélességének 100%-a, alapérték 400 px), **Háttérszín**, keret, dobozárnyék, belső térköz és sarkok lekerekítése.
- **Elemek stílusai**: az **Állapotok** (**Normál**, **Aktív**) alatt a **Címke színe**, a címke tipográfiája és a **Tételek elválasztójának használata** kapcsoló (bekapcsolva az elválasztó színe és vastagsága állítható). Az ikonhoz: **Ikon színe**, **Ikon mérete (px)**, **Ikon függőleges pozíciója** (felül, középen, alul) és **Ikon margója**. A jelvényhez: **Jelvény színe**, tipográfia, **Jelvény háttérszíne**, **Jelvény függőleges pozíciója**, **Jelvény paddingje**, **Jelvény sarkainak lekerekítése**.
- **Almenü ikonjának stílusai**: **Legördülő menü színe** és **Legördülő menü mérete (px)**.
- **Haladó stílusok**: **Betöltésjelző színe** (a betöltésjelző azt mutatja, hogy a menü töltődik) és **Borító háttérszíne** (a nyitott menü mögötti réteg színe).

## Előbeállítás-kezelő, export és import

Az **Általános beállítások** oldal tetején lévő gombokkal a jelenlegi beállításokból előbeállítást készíthetsz (**Előbeállítás-kezelő**), kiexportálhatod őket (**Exportálási opciók**), importálhatsz korábban mentett beállításokat (**Beállítások importálása**), vagy mindent alaphelyzetbe állíthatsz (**Opciók alaphelyzetbe állítása**).

## A Főmenü oldal kiegészítései

Az **Elrendezés** szakasz néhány mezőjének pontosabb jelentése:

- **Almenü aktiválási módja**: ha **Kattintás**, a **Almenü célpontja** dönti el, hogy a menüpontra vagy az almenüikonra kell kattintani.
- **Mega konténer szélességének típusa**: **Tároló** esetén a panel az oldal fő tárolójához igazodik, **Szelektor** esetén egyedi CSS-szelektor adható meg, **Tételek** esetén a panel a szülő menüpontok együttes szélességét veszi fel.
- **Töréspont**: ennél a szélességnél vált a menü mobilos elrendezésre.
- **Menü összecsukása** és **Összecsukás típusa**: a kifutó menüpontok a hárompontos gomb alá kerülnek, a gomb **Szöveg** vagy **Ikon** lehet.
- **Mobil megjelenítés használata**: bekapcsolva választható, hogy csak mobilon, vagy tableten és mobilon is a mobilmenü jelenjen meg.

A **Legördülő menü** lap ugyanazokat a stílusokat adja, mint a **Főmenü**, kiegészítve a **Legördülő kapcsoló** részben a **Kapcsoló mérete** és **Kapcsoló távolsága** (képpontban, a főmenüponttól mérve) mezővel.