# Jelvények a felhasználói profilon a kedvelt bejegyzések száma szerint

> Adattároló a kedvelt bejegyzésekhez, hozzáadás és eltávolítás gombok a listában, és jelvények a profiloldalon láthatósági feltételekkel.

A példában a felhasználó tíz kedvelt bejegyzés után „Interaktív tag” jelvényt kap, tizenöt fölött pedig „Elkötelezett tag” jelvényt. Szükséges az Elementor (az ingyenes változat elég) vagy a blokkszerkesztő, az aktív JetEngine bekapcsolt **Profile Builder** modullal és elkészített felhasználói profiloldallal, valamint a **Public User Meta Stores** kiegészítő.

## A kiegészítő telepítése

1. Töltsd le a **Public User Meta Stores** kiegészítőt a Crocoblock DevTools oldalról (szűrj a JetEngine termékre).
2. A **Bővítmények → Új bővítmény hozzáadása** oldalon kattints a **Bővítmény feltöltése** gombra, válaszd ki a letöltött fájlt, és telepítsd.
3. Kapcsold be a bővítményt.

## Adattároló létrehozása

1. A **JetEngine → JetEngine → Modulok** fülön kapcsold be az **Adattárak** modult, és mentsd.
2. Nyisd meg az **Adattárak** fület, és kattints az **New Store** gombra.
3. Add meg a **Name** és **Slug** mezőt. A **Store type** listában megjelent a **User Metadata** típus; ezt válaszd.
4. A beállítások:
   - **Max size**: a tárolóban tartható elemek legnagyobb száma. A `0` azt jelenti, hogy nincs korlát.
   - **Count items**: számolja, hányszor adták a tárolóhoz az elemet.
   - **Is users store**: a tároló a felhasználók azonosítóit tartalmazza. Csak szerveroldali tárolónál engedélyezett.
   - **Store item on view**: ha be van kapcsolva, az elem a tárolóba kerül, amikor a felhasználó megnyitja az egyedi oldalát (például „Nemrég megtekintett” tárolóhoz).
5. Kattints a **Save** gombra.

## Bejegyzéslista hozzáadás és eltávolítás gombbal

1. A **JetEngine → Listázások/komponensek** oldalon nyiss meg egy meglévő bejegyzéslistát, vagy az **Új elem hozzáadása** gombbal hozz létre újat. A **Listing source** legyen **Posts**, a **From post type** a bejegyzések, a nézet **Elementor** vagy **Blocks (Gutenberg)**.
2. Adj hozzá dinamikus widgeteket, például **Dynamic Image** (kiemelt kép) és **Dynamic Field** (cím) elemet.
3. Adj hozzá **Dynamic Link** widgetet: a **Source** legyen **Add to Store**, és a **Select store** listában válaszd ki a létrehozott tárolót.
4. Adj hozzá még egy **Dynamic Link** widgetet **Remove from Store** forrással, ugyanazzal a tárolóval.
5. Frissítsd a sablont az **Update** gombbal.

A blokkszerkesztőben ugyanez a beállítás: a **Dynamic Link** blokknál az **Add to Store** forrás után a **Set Store Slug** mezőbe a tároló slugját kell írnod.

## A profiloldal szerkesztése

A **JetEngine → Profile Builder → Pages** oldalon az egyedi felhasználói oldalnak beállított oldalt szerkeszd (például „Profil”). A **Template mode** értéke legyen **Content**, különben nem módosíthatod.

### Jelvények Elementorban

1. Adj hozzá dinamikus tartalmat az oldalhoz (például **Dynamic Image** és **Dynamic Field** widgeteket).
2. Húzz be egy **Heading** widgetet a jelvényhez („Interaktív tag”). Az **Advanced** fül **Dynamic Visibility** szakaszában kapcsold be az **Enable** kapcsolót, a **Visibility condition type** legyen **Show element if condition met**, és kattints az **Add Item** gombra.
3. Az első feltételnél a **Condition** legyen **Greater than**. A **Field** melletti **Dynamic Tags** gombbal válaszd a **Public User Data Stores: Get Store Count** címkét, kattints rá, és a beállításokban válaszd ki a tárolót, a **Context** pedig legyen **Queried User**.
4. A **Value** mező értéke legyen `10`, a **Context** maradjon **Default**, a **Data type** pedig **Numeric**.
5. Az **Add Item** gombbal vegyél fel egy második feltételt: a **Condition** legyen **Less than**, a címke ugyanaz (**Get Store Count**, ugyanaz a tároló és a **Queried User** környezet), a **Value** `15`, a **Data type** **Numeric**. Így az első jelvény eltűnik, ha a kedvelt bejegyzések száma meghaladja a tizenötöt.
6. Húzz be egy második **Heading** widgetet („Elkötelezett tag”). A **Dynamic Visibility** szakaszban a **Show element if condition met** típus, a **Greater than** feltétel és a **Get Store Count** mező, a **Value** `15`. A **Context** maradjon **Default**, a **Data type** **Numeric**.
7. Stílusozd az oldalt, és kattints az **Update** gombra.

### Jelvények a blokkszerkesztőben

A blokkoknál ugyanezeket a beállításokat találod. A **Dynamic Visibility** ikonnal nyitod meg a feltételeket, és a **Dynamic Tags** gombbal veszed fel a **Get Store Count** címkét; a tároló beállításait az Elementoros leírás szerint add meg. Végül frissítsd az oldalt.

## A lista az oldalon és az eredmény

1. Azon az oldalon, ahol a bejegyzéseket kedvelni lehet, húzd be a **Listing Grid** widgetet, válaszd ki a bejegyzéslistát, és frissítsd az oldalt.
2. A frontenden adj hozzá a bejegyzéseket a kedvencekhez.
3. Nyisd meg a felhasználói profilt. Tíz kedvelt bejegyzés fölött az „Interaktív tag” jelvény látszik, tizenöt fölött az „Elkötelezett tag” jelvény.