A listaelemek egyforma magassága

Ha a listaelemek tartalma eltérő hosszú, a Listing Grid oszlopai különböző magasak lesznek. Két lépésben tudod egységesíteni: előbb az oszlopokat, utána a bennük lévő widgeteket. Előfeltétel: ingyenes Elementor, blokkszerkesztő vagy Bricks, aktív JetEngine és egy elkészített listázási elem.

Az oszlopok egyforma magassága

1. Nyisd meg az oldalt, amelyen a lista van (a példában Elementorral). Ha még nincs ott, add hozzá a Listing Grid widgetet, blokkot vagy elemet, és válaszd ki a listázási elemet.
2. A Content fülön kapcsold be az Equal columns height kapcsolót.
3. Kattints a Publish/Update gombra.

A frontenden az oszlopok egyforma magasak, de a tartalmuk a felső szélhez igazodik. A bennük lévő widgetek egymás alatt még nem feltétlenül kerülnek egy vonalba, ezt a következő rész oldja meg.

A widgetek egy vonalba igazítása

https://minta-bolt.hu/wp-admin/edit.php?post_type=jet-engine

A képen a listázási elemek listája látszik; innen nyitod meg szerkesztésre azt az elemet, amelyiknek a tartalmát igazítani akarod.

1. Nyisd meg a JetEngine → Listázások/komponensek oldalon a listázási elemet a szerkesztőben (Elementor, blokkszerkesztő vagy Bricks).
2. Azt a widgetet, amelynek a tartalma különböző magasságú, tedd egy Inner Section widgetbe. Ha a szakasz két oszlopot kap, a másodikat töröld.
3. Az Inner Section beállításainál a Height értéke legyen Min Height, majd a Minimum Height mezőben adj meg a mostaninál nagyobb értéket. Példa: egy Dynamic Field widgetnél, amelyben a cím különböző hosszú lehet, a minimum 90, így az alatta lévő Icon List widget minden elemnél ugyanarra a szintre kerül.
4. Ha Container widgetet használsz, minden eltérő magasságú widgetet tegyél külön konténerbe, és mindegyiknek állítsd be a Min Height értékét.
5. Ismételd meg ezt az összes eltérő magasságú widgetnél, majd kattints az Update gombra.

Az oldalon a lista tartalma egy vonalba kerül.