# Szolgáltató betöltésjelzője

> A szűrés közbeni betöltésjelző (preloader) bekapcsolása és beállításai: pozíció, típus, méret, szín és háttér.

Ha egy szűrő **AJAX** alkalmazási módú, a szűrt tartalom alapból „fade in” animációval jelenik meg. Ezt a hatást lecserélheted egy betöltésjelzőre, amely addig látszik a szűrt tartalmon, amíg a kérés fut.

## A betöltésjelző beállítása

1. Nyisd meg az **Intelligens szűrők → Beállítások** oldalt.
2. A bal oldali listából válaszd a **Provider Preloader** pontot.
3. Kapcsold be a **Provider preloader** kapcsolót. Ez az alapértelmezett „Circle clip growing” jelzőt aktiválja, és megjelennek a további beállítások.
4. Állítsd be a kívánt értékeket. A változtatás magától mentődik.

![A bekapcsolt Provider Preloader beállítóoldal előnézettel](./kepek/altalanos-preloader-beallitas.webp)

*A bekapcsolt Provider Preloader beállítóoldal előnézettel* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-dashboard-settings-page&subpage=jet-smart-filters-provider-preloader)

A kép alján az **Preloader preview** mező mutatja, hogyan fog kinézni a jelző.

| Beállítás | Mit csinál |
| --- | --- |
| **Fixed position** | Rögzíti a jelzőt a szolgáltató közepére. Bekapcsolva megjelenik az **Edge gap** mező. |
| **Edge gap** | A jelző távolsága a szolgáltató szélétől, pixelben. |
| **Típus** | A választható betöltési hatások legördülő listája. Alapértéke: „Circle clip growing”. |
| **Méret** | A betöltésjelző ikon mérete (alapértéke 45). |
| **Szín** | Az ikon színe, színválasztóval. |
| **Use background plane** | Hátteret ad az ikon mögé. Bekapcsolva megjelennek a **Padding** (négy érték, a háttér belső margója), a **Border radius** (a háttér lekerekítése) és a **Background color** (a háttér színe) mezők. |

## Az eredmény ellenőrzése

Nyisd meg a nyilvános oldalt, amelyen egy szűrő egy szolgáltatóhoz van kötve, és válassz ki egy opciót a szűrőben. A szűrt tartalmon megjelenik a beállított betöltésjelző, amíg az eredmény betöltődik. A szűrők és a szolgáltatók összekötéséről a [Szűrők az oldalon](https://hub.hellowp.io/hu/plugins/jet-smart-filters/megjelenites/) fejezet szól.