# A Search Suggestions elem beállításai

> A Search Suggestions blokk, Elementor-widget és Bricks-elem: keresőmező javaslatlistával, a beállítások szakaszról szakaszra.

A **Search Suggestions** egy önálló keresőmező, amely a már használt vagy általad felvett keresőkifejezésekből ad javaslatokat ([Javaslatok kezelése](https://hub.hellowp.io/hu/plugins/jet-search/javaslatok-kezeles/)). Nem azonos az **Ajax Search** elemmel: az Ajax Search a beírt szöveg elejére azonnal mutatja a találatokat, a Search Suggestions viszont a legalkalmasabb keresőkifejezést segít kiválasztani. A javaslatra kattintva a látogató a találati oldalra kerül, a kiválasztott kifejezéssel mint keresőszóval ([Saját eredményoldal és archívsablon](https://hub.hellowp.io/hu/plugins/jet-search/eredmenyoldal/)).

Három szerkesztőben találod meg, mindenhol ugyanazzal a névvel:

- blokkszerkesztőben (Gutenberg): keresd a blokkok között a **Search Suggestions** nevet;
- Elementorban: **Search Suggestions** widget;
- Bricksben: **Search Suggestions** elem.

A beállítások mindenhol azonosak. Elementorban és Bricksben két szakasz van: **Search Form** és (ha a WooCommerce aktív) **WooCommerce**. A blokknál ehhez egy **Advanced** lap jön.

![A Search Suggestions blokk Search Form szakasza](./kepek/javaslatok-kereso-blokk.webp)

*A Search Suggestions blokk Search Form szakasza* (https://minta-bolt.hu/wp-admin/post.php?post=11&action=edit)

A képen a blokk beállításai a blokkszerkesztőben: a helykitöltő szöveg, az előtöltő, a kiemelés, a javaslatok száma és a gomb.

## A Search Form szakasz

| Beállítás | Mit csinál |
|---|---|
| **Placeholder Text** (blokkban: **Helykitöltő**) | A keresőmező helykitöltő szövege. |
| **Show preloader** | Ha be van kapcsolva, gépelés közben azonnal megjelenik egy legördülő lista betöltésjelzővel, amit aztán a javaslatok váltanak fel. |
| **Highlight Searched Text** | A beírt szöveg kiemelése a talált javaslatokban. |
| **Number of Suggestions** | A legördülő listában megjelenő javaslatok legnagyobb száma. |
| **Show Submit Button** | A keresőgomb megjelenítése. Bekapcsolva megjelenik a gomb szövege (**Submit Button Label**) és ikonja (**Submit Button Icon**; a blokkban SVG-kódot kell beilleszteni). |
| **Show Categories List** | A kategóriaválasztó megjelenítése a mező mellett. Ez a választó jelenleg nem függ össze a javaslatokkal: a kiválasztott kategóriában keres majd a kereső, mint az Ajax Search elemnél. Itt választod ki a **Taxonomy** listából, melyik osztályozás kifejezései jelenjenek meg, és a **Select Placeholder** mezőben a választó helykitöltő szövegét. |
| **Show Suggestions Below Search Form** | A javaslatok listája a keresőmező alatt jelenik meg. A listára kattintás ugyanaz, mintha a javaslatot a mezőben választanád ki: a látogató a találati oldalra kerül. |
| **Show Suggestions on Input Focus** | A javaslatok listája akkor jelenik meg, amikor a látogató a keresőmezőre kattint. |
| **Manage search suggestions here** | Hivatkozás a **JetPlugins Settings → JetSearch → Suggestions** oldalra. |

### A javaslatlisták beállításai

A két „Show Suggestions…” kapcsoló bekapcsolása után ugyanazok a mezők jelennek meg:

![A javaslatok lista beállításai a blokkban](./kepek/javaslatok-kereso-blokk-javaslatok.webp)

*A javaslatok lista beállításai a blokkban* (https://minta-bolt.hu/wp-admin/post.php?post=11&action=edit)

A képen a két kapcsoló bekapcsolva, alattuk a javaslatlista forrása és darabszáma.

| Beállítás | Mit csinál |
|---|---|
| **Suggestions List** | A lista forrása: **Most popular** (a legtöbbet keresett kifejezések), **Latest** (a legutóbbi keresések) vagy **Manual** (kézzel megadott lista). |
| **List of Manual Suggestions** | **Manual** forrásnál itt adod meg a kifejezéseket, vesszővel elválasztva. |
| **Number of Suggestions** | A legfeljebb megjelenő népszerű vagy legutóbbi javaslatok száma. |
| **Maximum Word Length for Suggestion Item Titles** | A javaslatok címének legnagyobb hossza (0 esetén a teljes cím látszik). |

A kézi lista nem kapcsolódik közvetlenül a javaslatok adatbázisához. Ha a látogató rákattint egy kézi javaslatra, azt úgy kezeli a rendszer, mint egy rendes keresést: ha a kifejezés már szerepel az adatbázisban, a súlya 1-gyel nő, ha új, 1-es súllyal bekerül.

## A WooCommerce szakasz

A WooCommerce szakaszban egyetlen kapcsoló van (**Is Products Search** vagy **Is Product Search**). Bekapcsolva a WooCommerce terméklistája lesz a javaslatok forrása, a keresés pedig a beírt kifejezés és a **Search Form** beállításai szerint zajlik.

## Az Advanced lap (csak a blokkszerkesztőben)

Az **Advanced** lap csak a blokkszerkesztőben látszik, Elementorban és Bricksben nincs. Az **Additional CSS class(es)** mezőbe írt CSS-osztállyal formázhatod a blokkot. A blokk stílusát a JetStyleManager bővítménnyel is állíthatod; ehhez telepítve és aktiválva kell lennie. A stílusbeállításokat a képernyő jobb felső sarkában lévő ecset alakú gomb nyitja meg.