Tovább a tartalomhoz

JetSearch

AJAX-os élő keresés WordPressben: találatok gépelés közben, beállítható forrásokkal, találati területtel, javaslatokkal és saját eredményoldallal.

A JetSearch élő (AJAX-os) keresőt ad a weboldaladhoz. A látogató a beírt szöveg alapján azonnal látja a találatokat a keresőmező alatt, oldalbetöltés nélkül. A kereső a bejegyzések, oldalak és egyéni bejegyzéstípusok címében, tartalmában és kivonatában, az egyéni mezőkben és az osztályozások (taxonomy) kifejezéseiben is képes keresni.

https://minta-bolt.hu/kereses/
Élő találatok a keresőmező alatt

A képen a „kerámia” szóra három találat jelent meg, a keresett szöveg sárgával kiemelve. A lista alján az összes találatot megnyitó hivatkozás áll.

  • WordPress, a blokkszerkesztővel (Gutenberg) vagy Elementorral, illetve Bricksszel.
  • A bővítmény nem kér más bővítményt. Néhány haladó megoldáshoz (listázósablonok, lapfülek, archívsablon) más Crocoblock-bővítmény is kell, ezt az adott fejezet jelzi.
  1. Telepítsd és aktiváld a JetSearch bővítményt.
  2. Nyiss meg egy oldalt a szerkesztőben, és add hozzá az Ajax Search blokkot (Elementorban az Ajax Search widgetet, Bricksben az Ajax Search elemet).
  3. A Search Query szakaszban válaszd ki, mely tartalomtípusokban keressen (ha semmit nem választasz, az egész webhelyen keres).
  4. Mentsd az oldalt, és próbáld ki a weboldalon.
https://minta-bolt.hu/kereses/
A kereső az oldalon, gépelés előtt

A képen a blokk alaphelyzetben látszik: beviteli mező és Keresés gomb.

  1. Az alapértelmezett keresési beállításokat a Crocoblock → JetPlugins Settings → JetSearch → Ajax Search Settings oldalon adhatod meg.
https://minta-bolt.hu/wp-admin/post.php?post=9&action=edit
A JetSearch blokk a blokkszerkesztőben

A jobb oldali sávban a Blokk fülön látod a blokk szakaszait (Search Input, Search Submit, Search Query stb.).

Keresési lekérdezés

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