# Visszaszámláló elem

> A Visszaszámláló elem beállításai: céldátum, időzóna, mezők formátuma, viselkedés a lejárat után és dinamikus céldátum.

A **Visszaszámláló** elem egy megadott időpontig hátralévő időt jeleníti meg, szabadon alakítható mezőkkel (nap, óra, perc, másodperc).

![A Visszaszámláló elem beállításai a szerkesztő bal oldali paneljén](./kepek/elemek-3-countdown.webp)

*A Visszaszámláló elem beállításai a szerkesztő bal oldali paneljén* (https://minta-bolt.hu/elemek/?bricks=run)

A képen a **Dátum**, az **Időzóna** és a **Dátum elérve** beállítás látszik, alattuk a **Mezők** csoport.

## Beállítások

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Dátum** | A visszaszámlálás céldátuma és időpontja. Dátumválasztóval vagy dinamikus adattal adható meg. | Üres |
| **Időzóna** | Az időzóna, amelyben a céldátumot értelmezi. UTC-eltolások közül választhatsz. | UTC+00 |
| **Dátum elérve** | Mi történjen, amikor az idő lejár: a visszaszámláló marad látható (`Visszaszámláló`), az elem elrejtődik (`hide`), vagy egyéni szöveg jelenik meg (`text`). | Visszaszámláló |
| Dátum elérve: egyéni szöveg | A lejárat után megjelenő szöveg. Csak akkor látszik, ha a **Dátum elérve** értéke `text`. | Üres |

## Mezők

A **Mezők** csoportban adhatod meg, mit mutasson az elem. Új sort a **Hozzáadás mező** gombbal veszel fel. Egy mezőnek három beállítása van:

| Beállítás | Mit csinál |
| --- | --- |
| Előtag | A mező értéke előtt megjelenő szöveg. |
| Formátum | A megjelenítés formátuma. `%D` a napokat, `%H` az órákat, `%M` a perceket, `%S` a másodperceket jelenti. Kisbetűvel (`%d`, `%h`, `%m`, `%s`) az érték elől a nulla elmarad. |
| Utótag | A mező értéke után megjelenő szöveg. |

Az alapértelmezett négy mező formátuma: `%D nap`, `%H óra`, `%M perc`, `%S másodperc`, vagyis a mértékegység a formátumba van írva.

![A Visszaszámláló mezői és elrendezési beállításai](./kepek/elemek-3-countdown-mezok.webp)

*A Visszaszámláló mezői és elrendezési beállításai* (https://minta-bolt.hu/elemek/?bricks=run)

A képen az **Irány**, a **Főtengely igazítása** és a **Kereszttengely igazítása** látszik, alattuk a **Mező** csoport.

Az elrendezést a mezők tárolóján és az egyes mezőkön is beállíthatod:

| Beállítás | Mit csinál |
| --- | --- |
| **Irány** | A mezők egymás mellé vagy egymás alá kerülnek. |
| **Főtengely igazítása** | A mezők igazítása a főtengely mentén (`justify-content`). |
| **Kereszttengely igazítása** | A mezők igazítása a keresztirányban (`align-items`). |
| **Mező → Irány** | Egy mezőn belül az előtag, az érték és az utótag iránya. |
| **Mező → Margó** | Az egyes mezők külső távolsága. Alapértelmezetten `0 5px 0 0`. |

## Dinamikus céldátum

A **Dátum** mező dinamikus adatot is elfogad. A Bricks ezeket az értékeket érti:

- `ÉÉÉÉ-HH-NN ÓÓ:PP`
- `ÉÉÉÉ-HH-NN`
- ISO 8601 formátumú dátum
- Unix-időbélyeg másodpercben vagy ezredmásodpercben

A dinamikus adatnak a **mentett érték formátumában** kell feloldódnia, nem a megjelenítési formátumban. Lekérdezési ciklusban vagy sablonban elhelyezve minden bejegyzés vagy termék a saját céldátumát kapja.

Akciós visszaszámlálóhoz a termék akciójának végét add meg céldátumnak. A számláló csak egy dátumot követ, ezért ha csak az akció alatt vagy kezdete után szeretnéd látni, használj elemfeltételeket. A Bricks nem ad külön dinamikus címkét a WooCommerce-akció kezdetére és végére: a céldátumot egyéni mezőben tárold, vagy egyéni dinamikus címkével, illetve segédfüggvénnyel add át a fenti formátumok egyikében.