# Időválasztó a be- és kijelentkezéshez

> Az időválasztó bekapcsolása és beállítása egyszerű és WooCommerce-alapú módban: pufferidő, időtartomány, időrés, kipróbálás.

Az időválasztóval a vevő a be- és kijelentkezés dátuma mellett időpontot is választ, így a foglalás időérzékeny lesz (például autóbérlésnél). Ez a fejezet az egyszerű módban és a WooCommerce-alapú módban is érvényes beállításokat és a próbát írja le. Az Elementor (az ingyenes is), a blokkszerkesztő vagy Bricks használható, WooCommerce-alapú módhoz a WooCommerce is kell.

## Az időválasztó beállítása

1. Nyisd meg a **Foglalások → Beállítások** oldalt, és kattints az **Ütemezés** fülre.
2. Kapcsold be az **Időválasztó** kapcsolót. Megjelennek a további beállítások.
3. Ha szeretnél szünetet hagyni a foglalások között, kapcsold be az **Időválasztás korlátozásai** kapcsolót, és a **Pufferidő** mezőben add meg az időt. Alapértelmezés szerint 2 óra.
4. Állítsd be az **Időintervallum** részben az **Indítás** és a **Vége** időpontot, vagyis azt az időablakot, amelyben foglalni lehet.
5. Az **Idősávok közötti időköz** mezőben add meg a választható időpontok közötti távolságot. Alapértelmezés szerint 1 óra, így a felkínált időpontok 9:00, 10:00, 11:00 és így tovább.

A beállítások maguktól mentődnek.

![Az Ütemezés fül bekapcsolt időválasztóval](./kepek/foglalasi-urlap-idovalaszto-beallitas.webp)

*Az Ütemezés fül bekapcsolt időválasztóval* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-abaf-settings)

A képen az **Időválasztó** be van kapcsolva, alatta az **Időintervallum** és az **Idősávok közötti időköz** látszik.

![Az időválasztás korlátozásai bekapcsolva, a pufferidő mezővel](./kepek/foglalasi-urlap-idovalaszto-korlatozas.webp)

*Az időválasztás korlátozásai bekapcsolva, a pufferidő mezővel* (https://minta-bolt.hu/wp-admin/admin.php?page=jet-abaf-settings)

A korlátozás bekapcsolása után megjelenik a **Pufferidő** mező.

Az **Időválasztás korlátozásai** akkor működik a legjobban, ha a **Konfiguráció** fülön a **Foglalási időszak** értéke az „Éjszakánként (az utolsó lefoglalt dátum nem tartozik bele)” ([Beállítások](https://hub.hellowp.io/hu/plugins/jet-booking/beallitasok/)).

Az időpontok formátuma a WordPress **Beállítások → Általános** oldalán megadott időformátumot követi. Ha módosítani szeretnéd, ott tedd meg.

## Egyszerű mód: űrlappal

1. Készíts JetFormBuilder foglalási űrlapot a **JetFormBuilder → Forms** oldalon, **Check-in/Check-out dates** mezővel, ha még nincs ([Foglalási űrlap](https://hub.hellowp.io/hu/plugins/jet-booking/foglalasi-urlap/)). A mezőnél a **Layout** és a **Fields position** beállítással érheted el, hogy a dátum mellett az időválasztó is megjelenjen. A szerkesztőben a legördülő időválasztó nem látszik, de a frontenden igen. Mentsd az űrlapot.
2. Tedd az űrlapot az oldalra vagy a sablonra a **JetForm** elemmel (widget, blokk vagy elem), és a **Choose Form** listából válaszd ki. Mentsd az oldalt.
3. Nyisd meg a frontenden a tétel oldalát: az érkezés és a távozás mezői mellett az időválasztó is látszik.
4. Töltsd ki az űrlapot, és küldd el. WooCommerce-integrációnál a pénztárra kerülsz, ott a számlázási és a rendelési adatokkal, majd a **Megrendelés elküldése** gombbal fejezed be.
5. A köszönő oldal mutatja a foglalás és a rendelés adatait.
6. A **Foglalások → Foglalások** oldalon az utolsó foglalásnál kattints a **Szerkesztés** gombra. Az ablakban a kiválasztott időpontok is látszanak, és szükség esetén módosíthatók.

## WooCommerce-alapú mód

1. Állítsd be az időválasztót az **Ütemezés** fülön, a fent leírt módon.
2. Ha a JetWooBuilder egyedi termékoldalát használod, az időválasztó az **Single Add to Cart** elemben látszik.
3. A frontenden nyisd meg az egyik foglalható terméket. Itt kiválaszthatod az érkezés és a távozás dátumát és időpontját is.
4. Kattints a foglalás gombra: a kosárba kerülsz. A kosárban a rendelés adataiban a dátumok és az időpontok is látszanak.
5. A **Tovább a pénztárhoz** gomb után a pénztáron a „Rendelésed” részben ugyanezek az adatok láthatók, és a köszönő oldalon is.
6. A **Foglalások** oldalon a foglalás **Szerkesztés** ablakában a be- és kijelentkezés időpontja is megjelenik, és módosítható.