Tovább a tartalomhoz

Lapozás dinamikus táblához

Lapozás a JetEngine dinamikus táblájához a blokkszerkesztőben: az oldalankénti elemek száma a lekérdezésben, a Lapozás blokk beállításai.

A lapozás rendezetté teszi a táblát, ha sok sora van. A táblát a JetEngine Tables Builder menüpontjában (dinamikus táblák modul) építheted, a lapozást pedig a JetSmartFilters Lapozás blokkja adja. A kettő a JetEngine Dynamic Table szolgáltatón keresztül kapcsolódik.

Előbb legyen kész a tábla a JetEngine → Tables Builder oldalon, a hozzá tartozó lekérdezéssel. A tábla az Új hozzáadása gombbal készül: neve van, és a Data Query listából választod ki a korábban létrehozott lekérdezést.

A táblában megjelenő sorok számát a lekérdezés lapozási beállítása adja meg. Ezt a JetEngine → Lekérdezéskészítő oldalon állíthatod.

  1. Nyisd meg a JetEngine → Lekérdezéskészítő oldalt, és hozz létre új lekérdezést, vagy szerkessz egy meglévőt. A példában WC terméklekérdezés típus van, ez a termékek adatait adja.
  2. A lekérdezés beállításai között nyisd meg a Lapozás szakaszt.
  3. Győződj meg róla, hogy a Lapozás engedélyezése be van kapcsolva. Ez kell ahhoz, hogy a lekérdezés és a lapozás együtt működjön.
  4. A Korlát mezőben add meg, hány elem jelenjen meg egyszerre, például 4-et.
  5. Kattints a lekérdezés mentésére, és nézd meg az oldalt, amelyen a tábla van.
https://minta-bolt.hu/wp-admin/admin.php?page=jet-engine-query&query_action=add
A WC terméklekérdezés Lapozás szakasza: lapozás engedélyezve, korlát 4

A képen a Lapozás szakasz látszik: a Lapozás engedélyezése kapcsoló be van kapcsolva, a Korlát értéke 4.

Beállítás Mit csinál
Lapozás engedélyezése Megváltoztatja a lekérdezés eredményét: a visszaadott objektum a products, total és max_num_pages mezőket tartalmazza. A kikapcsolása lekérdezési problémákat okozhat.
Korlát A lekérdezett eredmények legnagyobb száma. Korlátlan számhoz -1-et írj.
Oldal A lekérdezett eredmények oldala. Ha az Eltolás is meg van adva, nincs hatása.
Eltolás A termékek eltolása. Figyelem: az eltolás felülírja az Oldal értékét, és megszakítja a lapozást.

Ha kevesebb sort szeretnél, nyisd meg a mentett lekérdezést, és csökkentsd a Korlát értékét (például 2-re), majd mentsd újra. Az oldalon a tábla azonnal az új számú sort mutatja.

Ha ennél több sort szeretnél elérhetővé tenni, tedd mellé a Lapozás blokkot.

  1. Szerkeszd az oldalt, amelyen a tábla (Dynamic Table blokk) van.
  2. Kattints a blokkbeszúrás gombra, és keresd meg a Lapozás blokkot. Húzd a tábla alatti részre, vagy kattintással tedd oda.
  3. A blokk Általános szakaszában a THIS FILTER FOR listából válaszd a JetEngine Dynamic Table szolgáltatót, így a lapozás a táblához kapcsolódik.
  4. Az APPLY TYPE listában válaszd az AJAX vagy a Page reload értéket.
https://minta-bolt.hu/wp-admin/post.php?post=22&action=edit
A Lapozás blokk általános beállításai, a szolgáltató a JetEngine Dynamic Table

A képen a THIS FILTER FOR mezőben a JetEngine Dynamic Table áll, az APPLY TYPE értéke AJAX.

A Controls szakaszban a lapozó elemeit szabhatod testre: bekapcsolhatod az előző és következő gombokat, módosíthatod a szövegüket, és megadhatod az eltolásokat.

https://minta-bolt.hu/wp-admin/post.php?post=22&action=edit
A Lapozás blokk Controls szakasza

A képen a Controls szakasz látszik kinyitva: az oldalszámok, az előző és következő gombok, a Hide inactive, az Enable Load More és az Enable autoscroll kapcsolója.

A vezérlők részletes leírása a Lapozás fejezetben van.

A blokk kinézetét a JetStyleManager bővítménnyel alakíthatod. A bővítmény telepítése után a szerkesztő jobb felső sarkában megjelenik egy ecset ikon, ezzel nyílik meg a stílusbeállítás.

Végül nézd meg az oldalt a nyilvános részen: a tábla alatt megjelenik a lapozás, és az oldalszámokra kattintva a tábla újabb sorokat mutat.

Készült:

Tiszteletben tartjuk a magánszférádat

Sütiket használunk a böngészési élmény javítására és a forgalom elemzésére. Az analitika csak akkor indul, ha engeded. Adatvédelmi irányelvek, Sütitájékoztató.

Sütibeállítások