# Kedvelés gomb és számláló bejegyzésekhez

> Kedvelés vagy nemtetszés számláló az Adattárak modullal: adattár létrehozása, Data Store Button widget a listázási sablonban és számláló a Heading widgetben.

Az Adattárak modullal kedvelés (és nemtetszés) számlálót tehetsz a listázott bejegyzésekre. A számláló az oldal újratöltése nélkül frissül, amikor a látogató kedvel vagy nem kedvel egy bejegyzést.

Előfeltételek:

- Elementor (az ingyenes is elég), blokkszerkesztő vagy Bricks;
- aktív JetEngine, egyéni bejegyzéstípus bejegyzéseivel és az ahhoz tartozó listázási sablonnal.

## Az Adattárak modul bekapcsolása

A **JetEngine → JetEngine → Modulok** fülön kapcsold be az **Adattárak** kapcsolót, és kattints a **Mentés** gombra.

## Adattár létrehozása

1. Nyisd le a vezérlőpult **Adattárak** fülét, és kattints az **+ Új adattár** gombra.
2. Add meg az adattár nevét (itt „Kedvelések”); a **Slug** magától kitöltődik.
3. A **Store type** maradjon az alapértelmezett „Cookies”, és kapcsold be a **Count items** kapcsolót.
4. Kattints a **Mentés** gombra.

## A Data Store Button widget a listázásban

1. Nyisd meg az előre elkészített listázási sablont. A példában a listázási elemet a **Container** widgettel két részre bontottuk.
2. Tedd be a **Data Store Button** widgetet.
3. A **Content** fülön válaszd ki az adattárat a **Select store** legördülőben („Kedvelések”). A **Label** alapértelmezett szövegét töröltük.
4. Add meg a kedvelés ikonját (a példában a könyvtárból). Ha kell, nemtetszés ikont is felveszel ugyanígy.
5. A **Label after added to store** mezőt hagyd üresen, de válaszd ki ugyanazt az ikont (kedvelés vagy nemtetszés) a médiatárból.

## A számláló kiírása

1. Tegyél be egy **Heading** widgetet.
2. A **Title** mező melletti **Dynamic Tag** ikonnal válaszd a „Data Stores: Post Count” elemet, és a **Settings** fülön válaszd ki az adattárat („Kedvelések”).
3. Az **Advanced** részen a **Before** vagy **After** szövegmezőbe szöveget írhatsz a szám elé vagy mögé; itt az **After** mezőbe „kedvelés” került.
4. A **HTML Tag** listában a fejléc méretét állíthatod, a **Style** fülön pedig a megjelenését.
5. Kattints a **Közzététel/Frissítés** gombra.

## A listázás elhelyezése az oldalon

Nyisd meg az oldalt a kedvelt szerkesztővel (itt Elementor), keresd meg a **Listing Grid** widgetet, húzd az oldalra, válaszd ki a listázási sablont, és állítsd be például az **Columns Number** értékét. Kattints a **Közzététel/Frissítés** gombra.

## Eredmény

A nyilvános oldalon a bejegyzések melletti kedvelés ikonra kattintva a számláló megmutatja a kedvelések számát.