JetEngine – Layout Switcher

A JetEngine – Layout Switcher egy külön telepíthető (jelenleg béta) kiegészítő, amely akkor válik igazán hasznossá, amikor ugyanazt a listát többféleképp szeretnéd megjeleníteni, de nem akarsz:
– külön oldalakat létrehozni
– JS-t írni
– feltételes sablonlogikát barkácsolni

A klasszikus elakadás az szokott lenni, hogy “kellene grid és lista nézet is, de hogyan váltsak köztük normálisan?”. Erre ad kódmentes, frontend-oldali megoldást a Layout Switcher.

Hogyan működik valójában?

Fontos megérteni: nem magát a Listing Gridet váltja, hanem annak megjelenési variánsait kezeli. Egy konkrét Listing Grid widgethez kapcsolódik, és azon belül több „nézetet” definiálsz.

A látogató ezek között vált gombokkal (pl. Grid / Lista / Részletes), miközben:
– ugyanaz a lekérdezés fut
– a JetSmartFilters állapota nem vész el
– a lapozás nem omlik össze

Tipikus hiba: nem történik semmi kattintásra

Ez szinte mindig abból adódik, hogy nem ahhoz a Listing Gridhez van kötve a Layout Switcher, amit ténylegesen látsz az oldalon.
Ellenőrzés:
– az oldalon csak egy Listing Grid van (vagy tudod, melyik melyik)
– a Layout Switcher „Select a Listing Grid widget” mezőjében pontosan azt a Gridet választottad
– nem másoltad le utólag a Gridet (ilyenkor az azonosító megváltozik)

Nézetek beállítása – itt szoktak félrecsúszni a dolgok

Minden nézet egy külön konfiguráció. Ha valami furcsán viselkedik, nézd meg nézetenként:
– van-e Slug (ne maradjon üres)
– pontosan egy nézet legyen Default
– ha másik Listing Template-et választasz, az valóban létezik és publikált

Ha csak oszlopszámot váltasz, a váltás azonnali. Ha másik Listing Template-et adsz meg, akkor AJAX-os frissítés történik – ez normális, nem hiba.

„Eltűnnek a szűrők” – amikor mégsem

Alapvetően a Layout Switcher kompatibilis a JetSmartFilters-szel, de két dologra figyelj:
– a szűrők Providerje a Listing Grid legyen
– ha Query ID-t használsz, minden Grid-hez ugyanazt add meg

Ha ez nincs összhangban, a váltás után úgy tűnhet, mintha a szűrők „resetelnének”.

Mikor érdemes külön Listing Template-et használni?

Ez nem kötelező, de UX-ben sokat számít. Tipikus esetek:
– Grid: vizuális kártya, kevesebb adat
– Lista: sűrűbb, gyors áttekintés
– Részletes: CTA-k, metaadatok, árak

Ha csak oszlopszámot változtatsz ugyanazzal a sablonnal, gyakran „szétesik” a dizájn. Ilyenkor jobb külön template.

Béta státusz – mit jelent a gyakorlatban?

Nem azt, hogy instabil, hanem azt, hogy:
– külön ZIP-ként telepítendő
– verziófrissítéseknél figyelni kell a kompatibilitásra
– éles projektnél érdemes előbb stagingen kipróbálni

Fontos: legalább egy Default layout kötelező. Ha nincs, a widget nem renderel megbízhatóan.

Mikor nem ez a jó megoldás?

Ha:
– nem Elementorral dolgozol
– szerveroldali, SEO-szempontból külön URL-es nézetek kellenek
– jogosultság alapján akarsz layoutot váltani

Ezeknél továbbra is más logika szükséges.

Gyors hibamegoldó ellenőrzőlista

– Listing Grid ténylegesen ott van az oldalon
– Layout Switcher hozzá van kötve ugyanahhoz a Gridhez
– Van pontosan egy Default nézet
– Nézetek Slug-ja kitöltve
– JetSmartFilters Provider és Query ID stimmel

Ha ez rendben van, a Layout Switcher stabilan, kiszámíthatóan fog működni, és valódi felhasználói döntést adhatsz a látogatók kezébe anélkül, hogy technikai adósságot termelnél.