# A szerkesztő nem töltődik be

> Szürke betöltőképernyő, végtelenül forgó widgetpanel, az Elementor Pro működésképtelensége és az ERR_EMPTY_RESPONSE hiba okai és megoldásai.

Ez a fejezet azt a négy helyzetet tárgyalja, amikor a szerkesztő nem indul el rendesen: a képernyő szürke marad, a widgetpanel csak „töltődik”, az Elementor Pro bekapcsolása után nem lehet szerkeszteni, vagy a böngésző ERR_EMPTY_RESPONSE hibát ír. Először mindig próbáld ki a [gyakori hibaelhárítási lépéseket és a biztonságos módot](https://hub.hellowp.io/hu/plugins/elementor/hibaelharitas-gyakori-lepesek-es-biztonsagos-mod/).

## A szerkesztő szürke betöltőképernyőn ragad

A szerkesztő üres, szürke képernyőt mutat, és nem tölt be. Több ok lehet mögötte.

### Bővítmény vagy sablonszkript ütközése

Más bővítmény vagy a sablonba beszúrt egyedi szkript is okozhatja.

1. Kapcsold be a biztonságos módot (**Elementor → Eszközök → Általános → Biztonságos mód**).
2. Ha így betölt a szerkesztő, kapcsold ki egyenként a bővítményeket (az Elementoron és az Elementor Pro-n kívül), hogy megtaláld a hibásat.
3. Ha ütköző bővítményt találsz, jelezd a fejlesztőjének, és fordulj az Elementor támogatásához.

### Böngészőbővítmények

Egyes böngészőbővítmények blokkolják az Elementor szkriptjeit. Próbáld meg a szerkesztést másik böngészőben (Safari, Chrome, Firefox, Opera).

### Egyedi kód

Hibás, elavult vagy ütköző egyedi kód megakadályozhatja a szerkesztő indulását. Ideiglenesen kapcsold ki a kódot:

1. A WordPress admin felületén nyisd meg az **Elementor → Szerkesztő → Egyéni Elemek → Kód** oldalt.
2. Vidd az egeret a kikapcsolandó kód fölé, és kattints a **Gyorsszerkesztés** hivatkozásra.
3. Az állapot listában válaszd a **Piszkozat** értéket.
4. Kattints a **Frissítés** gombra, majd töltsd újra a szerkesztőt.

### A sablon előtöltő képernyőt (preloader) használ

Ha a sablonod oldalbetöltő animációt használ, az zavarhatja az Elementor betöltését. Kapcsold ki a sablon beállításai között vagy a WordPress testreszabójában.

### X-Frame-Options és eredetközi korlátozások

Az `X-Frame-Options` jellegű biztonsági beállítások megakadályozhatják a szerkesztő megjelenítését.

1. Kattints jobb gombbal a szürke oldalra, és válaszd a **Vizsgálat** (Inspect) pontot.
2. Nyisd meg a **Console** (konzol) fület.
3. Keresd a piros hibaüzeneteket.
4. Kérd meg a tárhelyszolgáltatót, hogy az `X-Frame-Options` értéke `DENY` helyett `SAMEORIGIN` legyen.

### Cloudflare Rocket Loader

A Rocket Loader késleltetheti vagy blokkolhatja az Elementor szkriptjeit, ezért a szerkesztő szürke maradhat. Teendők:

- Frissítés előtt ürítsd vagy kapcsold ki a Cloudflare gyorsítótárát.
- Hozz létre Cloudflare-szabályokat, amelyek az Elementorra kikapcsolják a Rocket Loadert (lásd lent).

### Az Elementor és az Elementor Pro verziója nem egyezik

Az elavult vagy egymással nem illő verziók elavult függvények és kódütközések miatt hibát okozhatnak. Frissítsd az Elementort és az Elementor Prót is a legújabb verzióra.

### Sérült tartalom

Egy widget tárolt beállítása elszakadhat az oldal aktuális állapotától. Gyakori okai:

- aktív gyorsítótár vagy optimalizálás szerkesztés közben (oldal- vagy objektumgyorsítótár, JS/CSS-optimalizálás);
- bővítmény- vagy sablonfrissítés, amely megváltoztatja a widget adatainak kezelését;
- dinamikus tartalom változása (törölt vagy módosított bejegyzés, termék, sablon, mező);
- egyedi kód vagy külső integráció, amely beavatkozik a widgetbe.

Ilyenkor a widget olyan adatra hivatkozhat, amely már nincs meg, ezért megjelenítési hiba, szerkesztői összeomlás vagy blokkolt oldalhozzáférés lehet a következmény. A hibás widgetet tiszta példányra kell cserélni. A példában egy Loop Grid widget sérült meg:

1. Nyisd meg az [Elemkezelőt](https://hub.hellowp.io/hu/plugins/elementor/globalis-beallitasok-elemkezelo/) (az Elementor oldalsávjának rendszer menüjében).
2. Ideiglenesen kapcsold ki a Loop funkciót.
3. Nyisd meg az érintett oldalt vagy sablont a szerkesztőben.
4. Mentsd el az oldalt úgy, hogy nincs rajta Loop widget.
5. Térj vissza az Elemkezelőbe, és kapcsold vissza a Loop funkciót.
6. Szerkeszd újra az oldalt, és hozd létre a Loop widgetet elölről.

A Loop Grid hibát a böngésző konzoljában ismerheted fel.

Fontos tudnivalók:

- Ha a sérült widgetben egyedi kód volt, ne tedd vissza rögtön. Előbb ellenőrizd, hogy a tiszta alapértelmezett widget jól működik-e.
- Egyedi kódot vagy dinamikus szűrőket fokozatosan állíts vissza, hogy kiderüljön, melyik váltja ki a hibát.

### V4 elemek

A V4 elemek béta állapotúak, és betöltési hibát okozhatnak. Ha V4 elemeket használsz, kapcsold ki a V4-et, és nézd meg, betölt-e az oldal.

## A widgetpanel nem töltődik be

A panel folyamatosan a „Betöltés” ikont mutatja. Három fő oka lehet: kevés memória, másik bővítménnyel való ütközés, vagy módosítandó szerverbeállítás.

1. **Rendszerkövetelmények.** Ellenőrizd a PHP-verziót és a memóriakorlátot.
2. **Memóriakorlát emelése.** Nyisd meg az **Elementor → Szerkesztő → Rendszer → Rendszerinformációk** oldalt, és a **WordPress Environment** blokkban nézd meg a **Memory limit** és a **Max Memory limit** értékét. A `WP_MEMORY_LIMIT` alapértelmezett 40M ma már kevés egy oldalépítőnek: legalább 256M ajánlott, erőforrásigényes bővítménynél (például WooCommerce) 256M vagy 512M. Ez a leggyakoribb ok.

![A Rendszerinformációk oldal a PHP és a WordPress memóriakorlátjával](./kepek/hibaelharitas-rendszerinfo-memoria.webp)

*A Rendszerinformációk oldal a PHP és a WordPress memóriakorlátjával* (https://minta-bolt.hu/wp-admin/admin.php?page=elementor-system-info)

A képen a **PHP Memory Limit**, a **Memory limit** és a **Max Memory limit** sor látszik. A rendszerinformációs jelentés mezőnevei angolul maradnak.

A memóriakorlát emelésének módjai:

- cPanelben a MultiPHP INI Editorral;
- a `wp-config.php` fájlban, a „Happy Blogging” sor elé:

```php
define('WP_MAX_MEMORY_LIMIT', '512M');
```

- a `php.ini` fájlban (ha 64M van, próbáld 256M-ra):

```ini
memory_limit = 256M
```

- `php.ini` hozzáférés nélkül az `.htaccess` fájlban:

```apache
php_value memory_limit 256M
```

A WordPress memóriája eltérhet a szerverétől, ezért a fenti beállítást akkor is el kell végezni, ha a szerver memóriája elég.

3. **Frissítés.** Használd az Elementor, az Elementor Pro, a WordPress és a sablon legújabb verzióját. A **Vezérlőpult → Frissítések** oldalon az **Újraellenőrzés** gombbal bizonyosodj meg róla.
4. **Bővítményütközés.** Kapcsolj ki mindent az Elementoron és az Elementor Pro-n kívül, majd kapcsold vissza egyenként a bővítményeket. Ha megvan a hibás, kérj segítséget a fejlesztőjétől, vagy válassz másikat.
5. **Sablonprobléma.** Ideiglenesen válts alapértelmezett WordPress-sablonra, például a Hello sablonra.
6. **Egyéb.** Ha a hiba megmarad, kérd meg a tárhelyszolgáltatót, hogy
   - adja át a ModSecurity hibanaplóit, és oldja meg a gondokat;
   - kapcsolja be a PHP Zlib bővítményt, ha nincs bekapcsolva;
   - emelje meg a `max_input_vars` értékét.

Ha nem csak a widgetpanel, hanem az egész szerkesztő nem tölt be, lásd a [Nem tudok szerkeszteni az Elementorral](https://hub.hellowp.io/hu/plugins/elementor/hibaelharitas-nem-szerkesztheto-oldal/) fejezetet.

## Az Elementor Pro bekapcsolása után nem lehet szerkeszteni

Ha az Elementor Pro bekapcsolása után nem tudsz szerkeszteni, először kapcsold be a biztonságos módot. Ha ez nem segít, próbáld sorban a következőket.

### A szerkesztő betöltési módszerének váltása

1. Nyisd meg az **Elementor → Beállítások → Haladó** fület.
2. A **A szerkesztő betöltési módszerének váltása** listában válaszd a **Bekapcsolás** értéket, és mentsd.

### Bővítmények

Kapcsold ki az összes bővítményt az Elementoron és az Elementor Pro-n kívül. Ha megszűnt a hiba, kapcsold vissza őket egyenként, és a hibásat távolítsd el, vagy kérj segítséget a fejlesztőjétől. Ha nem szűnt meg, ideiglenesen válts alapértelmezett WordPress-sablonra.

### Memóriakorlát

Az Elementornak legalább 128 MB memória kell a működéshez. A korlátot az **Elementor → Szerkesztő → Rendszer → Rendszerinformációk** oldalon, a **WordPress Environment** alatt nézheted meg; emelni a fentiek szerint lehet.

### ModSecurity

A ModSecurity tűzfal beállításai blokkolhatják az Elementor Prót. Kérd meg a tárhelyszolgáltatót, hogy nézze át a ModSecurity hibanaplóit, és ha ebből nem derül ki az ok, kapcsolja ki cPanelből. A tűzfal memóriakorlátai is megakadályozhatják a működést.

### Egyedi kód

Az Elementor egyedi kód funkciója (Pro) ütközhet a beillesztett kóddal. Ellenőrzésként állítsd az összes kódot **Piszkozat** állapotba.

### Sérült sablonépítő

Sérült Sablonépítő-sablon vagy popup is okozhatja a hibát.

1. A **Bővítmények** oldalon kapcsold ki az Elementor Prót. Ha ezután lehet szerkeszteni, a sablonépítő a hibás.
2. Kapcsold vissza az Elementor Prót, és nyisd meg a **Sablonok → Sablonépítő** oldalt.
3. Kapcsold ki a sablonokat egyenként, és mindegyik után próbáld ki a szerkesztést.

Ha egy sablonnal van baj, a szerkesztés folytatásához töröld belőle a megjelenítési feltételt.

## ERR_EMPTY_RESPONSE hiba

Egyes szerverek a szerkesztő betöltésekor ERR_EMPTY_RESPONSE hibát adnak. Oka lehet gyenge internetkapcsolat a felhasználó oldalán, vagy hogy a webhely tűzfal mögött van. Először ellenőrizd az internetkapcsolatodat és a tűzfalbeállításokat.

Megoldás:

1. Nyisd meg az **Elementor → Beállítások → Haladó** fület.
2. Kapcsold be a **A szerkesztő betöltési módszerének váltása** beállítást, és mentsd.

![Az Elementor Beállítások Haladó füle, a szerkesztő betöltési módszerének váltása listával](./kepek/hibaelharitas-szerkeszto-betoltesi-mod.webp)

*Az Elementor Beállítások Haladó füle, a szerkesztő betöltési módszerének váltása listával* (https://minta-bolt.hu/wp-admin/admin.php?page=elementor-settings)

A képen a **A szerkesztő betöltési módszerének váltása** lista látszik, alapértéke **Kikapcsolás**.

Ez a beállítás az `err_content_decoding_failed` és az `err_empty_response` hibán is segít. Különösen a gyenge erőforrású szervereknek jó, amelyek nehezen dolgozzák fel a hosszú JSON-kódot: bekapcsolva a rendszer felosztja a sorokat, hogy a szerver gond nélkül beolvassa. A teljesítményt nem rontja, sőt javíthatja.

## Cloudflare Rocket Loader szabályok

Az Elementor és a Cloudflare jól együttműködik, korábban azonban a Rocket Loader gondot okozott: automatikusan aszinkron betöltésre állította a szkripteket, ami elrontja a szerkesztőt. Ha ez nálad is felmerül, hozz létre szabályokat a Cloudflare-ben (Page Rule), amelyek kihagyják ezeket a címeket:

| Mire | Minta |
|---|---|
| Elementor-oldalak | `Webhely címe/*elementor*` |
| Elementor-sablonok | `Webhely címe/?elementor_library=*` |