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

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.