# Hibaelhárítás lépésről lépésre

> Sorrendbe szedett hibakeresési menet: gyorsítótárak, CSS újragenerálás, ütköző bővítmény és sablon keresése, gyakori problémák és mit készíts elő az ügyfélszolgálathoz.

Ha egy The Plus Addons widget vagy funkció nem úgy működik, ahogy kellene, haladj végig az alábbi lépéseken sorban. Minden lépés után frissítsd az oldalt, és nézd meg, megmaradt-e a hiba.

## 1. Frissítések és rendszerkövetelmények

Győződj meg róla, hogy a következők a legfrissebb verziót használják:

- WordPress
- PHP: a legfrissebb, de legalább 8.0
- Elementor
- a The Plus Addons for Elementor ingyenes és Pro bővítménye is

## 2. Gyorsítótárak ürítése

### Böngésző gyorsítótára

A böngésző gyorsítótárának ürítése után az oldal úgy tölt be, mintha először látogatnád. Ez akkor segít, ha valami hibásan töltött be, és az így maradt a gyorsítótárban.

1. Fűzd az oldal címe végére a `/?a=b` részt, például `https://pelda.hu/?a=b`.
2. Töltsd újra az oldalt keményen: **Ctrl + Shift + R** (Mac-en **Cmd + Shift + R**).

Minden lépés után érdemes az oldalt inkognitó ablakban is megnyitni, így biztosan friss állapotot látsz.

### A bővítmény saját gyorsítótára

A **The Plus Addons → Performance** oldalon az **Asset Manager** szabályozza, hogyan töltődnek be a widgetek CSS- és JS-fájljai. Ha ezen az oldalon a **Smart Optimised** mód választható, a gyorsítótárat így ürítheted:

1. Nyisd meg a **The Plus Addons → Performance** oldalt.
2. Az **Asset Manager** listában válaszd a **Smart Optimised** módot.
3. Kattints a **Purge all assets** gombra.

Ha a hiba megmarad, próbáld meg az **On Demand Assets** módot is, és frissítsd az oldalt.

![A Performance oldal az Asset Manager beállítással](./kepek/teljesitmeny.webp)

*A Performance oldal az Asset Manager beállítással* (https://minta-bolt.hu/wp-admin/admin.php?page=theplus_welcome_page)

Az **Asset Manager** listája itt látszik. Az **On Demand Assets** módnál a bővítmény csak az adott oldalon használt widgetek fájljait tölti be.

### Külső gyorsítótár- és gyorsítóbővítmények

Kapcsold ki a harmadik féltől származó gyorsító- vagy gyorsítótár-bővítményt, és nézd meg újra a hibát. Cloudflare esetén kapcsold ki a Rocket Loadert (a JavaScript halasztását). Más CDN-nél (például Rocket CDN, KeyCDN) ideiglenesen kapcsold ki a CDN-t, és úgy ellenőrizd az oldal betöltését.

## 3. CSS és adatok újragenerálása az Elementorban

Idővel a gyorsítótárazott fájlok elavulhatnak vagy megsérülhetnek, és ettől törött elrendezés, hiányzó stílusok vagy nem reagáló elemek lesznek. Az újragenerálás friss, pontos fájlokat készít.

1. Nyisd meg az **Elementor → Eszközök** oldalt, az **Általános** fület.
2. Kattints a **Fájlok és adatok törlése** gombra.
3. Kattints a **Könyvtár szinkronizálása** gombra.
4. Mentsd a változtatásokat, frissítsd az oldalt, és ellenőrizd a hibát.

![Az Elementor Eszközök oldala](./kepek/hibaelharitas-1-elementor-eszkozok.webp)

*Az Elementor Eszközök oldala* (https://minta-bolt.hu/wp-admin/admin.php?page=elementor-tools)

A két gomb az **Általános** fülön van. A **Fájlok és adatok törlése** eltávolítja a CSS-fájlokat, és újragenerálja őket a következő látogatáskor.

## 4. Egyedi CSS és JS ellenőrzése

Nézd meg, van-e az oldalra vagy a webhelyre felvett egyedi CSS- vagy JS-kód. Ha találsz, távolítsd el, és ellenőrizd újra.

## 5. A widget felvétele új oldalra

Építsd fel a widgetet a nulláról egy új oldalon, és készítsd el ugyanazt a kialakítást vagy működést.

- Ha a hiba az új oldalon is megvan, valószínűleg egy másik bővítmény ütközik.
- Ha az új oldalon nincs hiba, tedd fel újra a widgetet a hibás oldalra a nulláról.
- Ha a hiba így is megmarad, egy másik widget vagy beállítás ütközhet vele. Távolítsd el az oldal összes szekcióját, tárolóját és widgetjét, és ellenőrizd újra.
- Ha megtaláltad az okot, módosíts a beállításokon, vagy keress más megoldást.

## 6. Hibakeresés a Health Check bővítménnyel

A Health Check & Troubleshooting bővítménnyel megtudhatod, melyik bővítmény vagy sablon okozza a hibát. Előnye, hogy az admin felületen úgy tesztelhetsz, hogy az éles oldalon semmi sem változik.

## 7. Ütköző bővítmény megkeresése

Mielőtt belekezdesz, készíts biztonsági mentést, vagy dolgozz tesztoldalon, mert a lépés az éles oldalt is érintheti.

1. Kapcsold ki az összes bővítményt az Elementor és a The Plus Addons kivételével.
2. Nézd meg, megmaradt-e a hiba. Ha igen, fordulj az ügyfélszolgálathoz. Ha nem, folytasd.
3. Kapcsold vissza a bővítményeket egyenként.
4. Minden bekapcsolás után próbáld ki a widgetet.
5. Folytasd, amíg meg nem találod az ütköző bővítményt.

Ha megvan, módosíts a beállításain, vagy keress helyette másikat. Ha a bővítményre szükséged van, kérj segítséget az ügyfélszolgálattól.

## 8. Ütköző sablon megkeresése

Kapcsold be az alapértelmezett WordPress-sablont (a **Megjelenés → Sablonok** oldalon), és nézd meg a hibát. Ha ekkor is megmarad, fordulj az ügyfélszolgálathoz.

## 9. Gyakori problémák

### Nem töltődnek be a képek a dinamikus listákban és a WooCommerce terméklistákban

A **Dynamic Listing** és a **Woo Product Listing** widgetekben a hiányzó képeket gyakran egy harmadik féltől származó képoptimalizáló bővítmény okozza.

1. Kapcsold ki a képoptimalizáló bővítményt, és nézd meg újra.
2. A **The Plus Addons → Settings** oldalon kapcsold ki a **Lazy Load** kapcsolót.

### Hiányzó ikonok

Ha az ikonok nem látszanak, az Elementorban valószínűleg ki van kapcsolva a Font Awesome 4 támogatás.

1. Nyisd meg az **Elementor → Beállítások → Haladó** oldalt.
2. Kapcsold be a **Font Awesome 4 támogatás betöltése** beállítást.
3. Mentsd a változtatást.

![Az Elementor Haladó beállításai](./kepek/hibaelharitas-1-elementor-halado.webp)

*Az Elementor Haladó beállításai* (https://minta-bolt.hu/wp-admin/admin.php?page=elementor-settings)

A kép a **Haladó** fület mutatja, ahol a betöltési mód és a betűtípusok beállításai vannak.

Ha az ikonok az **Iconsmind** készletből valók, a **The Plus Addons → Settings** oldalon görgess le az **Iconsmind Fonts** szakaszhoz, és kattints a beállítás ikonjára. Két mező van:

| Beállítás | Mit csinál |
| --- | --- |
| **Iconsmind Font Functionality** | Megadja, hogy az ikonokat egy adott oldalon vagy bejegyzésben, vagy az egész webhelyen töltse be |
| **Iconsmind in Specific Page/Post** | Ha adott oldalakra korlátozod, ide írd az oldalak vagy bejegyzések azonosítóit, vesszővel elválasztva |

Végül kattints a **Save** gombra. Az ikonokról bővebben a [Gyakori hibák](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/hibaelharitas-gyakori-hibak/) fejezetben olvashatsz.

### Nem működik a másolás másik webhelyre

Ellenőrizd sorban:

1. Be van kapcsolva az a widget, amelyet másolni akarsz.
2. A **The Plus Addons → Extensions** oldalon, a **Plus Special** részben be van kapcsolva a **Cross Domain Copy Paste**.
3. Ha a tartalomhoz belső Elementor-sablon tartozik, azt külön másold.
4. A másolást és beillesztést ugyanabban a normál böngészőablakban végezd (ne privát lapon).
5. A The Plus Addons a legfrissebb verziót használja.

Ha ez sem elég:

1. Nyisd meg a **The Plus Addons → Widgets** oldalt, és kapcsold be az összes widgetet.
2. Próbáld újra a másolást.
3. Ha működik, a **Scan unused** gombbal keresd meg a nem használt widgeteket, és kapcsold ki őket.

Ha még mindig nem megy, az **Elementor → Beállítások → Funkciók** oldalon győződj meg róla, hogy a **Tároló** (Container) funkció aktív. Több demó tárolókkal készült, ezért a másolás ezen múlik. A hibákat az Elementor szerkesztőben jobb gombbal, az elem vizsgálatával (Inspect) a böngésző konzoljában is megnézheted. A funkcióról bővebben a [Cross Domain Copy Paste](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/kiterjesztesek-kereszt-masolas/) fejezetben olvashatsz.

### Az Elementor szerkesztő végtelenül tölt

A megoldási lépések a [Gyakori hibák](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/hibaelharitas-gyakori-hibak/) fejezet „Az Elementor szerkesztő nem tölt be” részében vannak.

### A Plus Mega Menu „Edit with Elementor” nem tölt be

1. Győződj meg róla, hogy a WP memóriakorlát 768M vagy 1024M.
2. Nyisd meg a **Beállítások → Közvetlen hivatkozások** oldalt, és a **Bejegyzésnév** szerkezetet válaszd.
3. Próbáld újra szerkeszteni a mega menüt az Elementorral.
4. Ha a hiba megmarad, fordulj az ügyfélszolgálathoz.

### Nem működik az előtöltő (Pre Loader)

1. Nyisd meg a **The Plus Addons → Settings** oldalt.
2. Görgess le a **Pre Loader** szakaszhoz, és kattints a beállítás ikonjára.
3. Válaszd ki, hol töltődjön be az előtöltő: egy adott oldalon vagy bejegyzésben, vagy az egész webhelyen.
4. Ha adott oldalakra korlátozod, írd a mezőbe az oldalak vagy bejegyzések azonosítóit, vesszővel elválasztva.
5. Kapcsold be a **Load Lottie JS in Pre Loader** beállítást, ha Lottie-animációt használsz: ez betölti a Lottie JS-t.
6. Kattints a **Save** gombra.
7. Ha a hiba megmarad, fordulj az ügyfélszolgálathoz.

### A Google Maps akkor is megjelenik a böngészőkonzolban, ha nem használsz térképet

1. Nyisd meg a **The Plus Addons → Settings** oldalt.
2. A **Google Map API** szakaszban kapcsold ki a kapcsolót.

### A Plus Extra beállítások nem látszanak a widgetek Speciális paneljén

A **Plus Extra** beállítások csak a The Plus Addons widgetjeivel működnek, harmadik féltől származó widgeteken nem jelennek meg.

### Az Elementor karbantartási módjában hibás az oldal

Ha az Elementor karbantartási módját használod, és az oldal nyilvános része hibásan töltődik be, szerkesztés után tedd a következőt:

1. Frissítsd az oldalt.
2. Nyisd meg a **The Plus Addons → Performance** oldalt, az **Asset Manager** listában válaszd a **Smart Optimised** módot, és kattints a **Purge all assets** gombra.
3. Az **Elementor → Eszközök** oldalon generáld újra a CSS-t is.
4. Töltsd újra az oldalt keményen (**Ctrl/Cmd + Shift + R**).

## 10. Mit küldj az ügyfélszolgálatnak

Ha a fenti lépések nem oldják meg a hibát, a gyors megoldáshoz add meg a következőket:

1. Az éles oldal és az érintett oldalak címét.
2. Admin hozzáférést az oldalhoz. Biztonságos mód a Temporary Login Without Password bővítmény: egyetlen, lejárati idővel ellátott linket oszthatsz meg.
3. A böngészőkonzol hibáit (**F12**, **Console** lap), képernyőképen.
4. Az **Elementor → Rendszerinformációk** oldal képernyőképét.
5. Ha számít, a böngészőt és az eszközt: operációs rendszer és verziója, az eszköz típusa, a böngésző verziója és a képernyő felbontása.
6. A hiba részletes leírását, és azt, hogyan lehet előidézni.
7. Képernyőképet vagy képernyőfelvételt a hibáról.

Minél több adatot adsz meg, annál gyorsabban megoldható a hiba.