# Pénztár oldal

> A WooCommerce Pénztár oldal két építési módja: Pénztár v2 állapotokkal és a hagyományos sablonos mód a Pénztár, Köszönőoldal, Fizetés és Rendelés visszaigazolása sablonokkal.

A **Pénztár** a WooCommerce különleges oldala. A WooCommerce telepítésekor automatikusan létrejön, és a **WooCommerce → Beállítások → Haladó** oldalon van hozzárendelve. A Bricks két módon építi fel:

- **Pénztár v2 mód:** a hozzárendelt Pénztár oldalt közvetlenül a haladó moduláris WooCommerce-elemekkel és a Pénztár v2 elemmel építed (lásd [WooCommerce haladó moduláris elemek](https://hub.hellowp.io/hu/plugins/bricks-child/woocommerce-modularis-elemek/)).
- **Pénztár v1 mód:** a hagyományos WooCommerce-pénztár rövidkódja marad az oldalon, a kimenetet pedig külön Bricks Pénztár, Köszönőoldal, Fizetés és Rendelés visszaigazolása sablon szabja testre.

Új vagy újratervezett oldalhoz a v2 módot használd, ha a pénztár, a fizetés, a köszönőoldal, a visszaigazolás és a belépés szükséges képernyőt egy helyen szeretnéd szerkeszteni. A v1 mód a rövidkódos és sablonos megoldásra épülő meglévő webhelyeknek való. A **Woo beállítási varázsló** bármelyik módot ellenőrizni vagy létrehozni tudja.

## Pénztár v2 mód

Bekapcsolt haladó moduláris elemekkel a Pénztár v2 a pénztár, a fizetés, a köszönőoldal, a rendelés visszaigazolása és a belépés szükséges képernyőt szerkeszthető állapotként tartja a hozzárendelt Pénztár oldalon. A Woo beállítási varázslóban kétféle szerkezetet választhatsz:

- **Haladó (v2):** teljes, egyoldalas pénztári szerkezet.
- **Haladó többlépéses (v2):** kész, többlépéses pénztári szerkezet (lásd [Többlépéses pénztár](https://hub.hellowp.io/hu/plugins/bricks-child/woocommerce-tobblepcsos-penztar/)).

A Pénztár v2 teljes pénztári blokkot vagy kisebb szakaszokat generálhat: számlázási mezők, szállítási mezők, fizetési opciók, rendelés-összesítő és rendelés leadása. A generált pénztári mezők szerkeszthető Bricks elemek, ezért generálás után mozgathatod, stílusozhatod és átrendezheted őket.

**Fizetési szakasz ingyenes rendelésnél.** A meglévő Pénztár v2 elrendezésekben ellenőrizd, hogy a fizetési szakasz burkolóján rajta van-e a `brx-woo-payment-section` osztály. Ha hiányzik, add hozzá kézzel, hogy a fizetési cím és a fizetési módok ingyenes rendelésnél együtt tűnjenek el. A feltételek elfogadása és a **Rendelés leadása** vezérlők maradjanak a burkolón kívül. A részletes lépéseket a [Pénztár (v2)](https://hub.hellowp.io/hu/plugins/bricks-child/elemek-penztar-v2/) fejezet tartalmazza.

**Mezőszinkron.** Használd a Pénztár v2 mezőszinkront minden olyan bővítmény telepítése vagy átállítása után, amely a WooCommerce pénztári mezőit módosítja. A szinkron megtalálja a hiányzó, érvénytelen és kettőzött generált mezőket, legenerálja a hiányzókat, eltávolítja az érvénytelen vagy kettőzött mezőket, és a címkéket és helyőrzőket frissíti a WooCommerce-ből.

A Pénztár v2 lekérdezési ciklusokat és dinamikus címkéket is ad az alkalmazott kuponokhoz, díjakhoz, adókhoz, rendelési tételekhez, rendelés végösszegeihez, rendelési letöltésekhez és vásárlói megjegyzésekhez.

A **Belépés szükséges** állapot akkor jelenik meg, ha a WooCommerce belépést kér a rendeléshez kapcsolódó képernyők megtekintéséhez. A kijelentkezett vásárlók nem vendég rendeléseinél a Köszönjük, a Rendelés visszaigazolása és a Fizetés képernyő is megkapja a Bricks-elrendezést.

## Pénztár v1 mód

A hagyományos mód a hozzárendelt Pénztár oldalon a WooCommerce `[woocommerce_checkout]` rövidkódját jeleníti meg, a pénztár képernyőit pedig a Bricks WooCommerce sablontípusai szabják testre. A rövidkódot közvetlenül az oldalra is teheted, vagy a Pénztár oldalt Bricks-kel szerkesztve egy **Rövidkód** elembe írhatod `[woocommerce_checkout]` tartalommal.

A Bricks négy sablontípust ad a pénztári folyamathoz:

- **WooCommerce - Pénztár**
- **WooCommerce - Köszönőoldal**
- **WooCommerce - Fizetés**
- **WooCommerce - Rendelés visszaigazolása**

### Pénztár sablon

Az alapértelmezett pénztár kétoszlopos: az egyik oszlopban a számlázási és szállítási adatok űrlapja, a másikban a rendelés összegzése és a rendelés folytatása gomb. Ennek az első pénztári képernyőnek a kinézetét a **WooCommerce - Pénztár** sablontípussal módosítod.

A sablont szerkesztve két, erre a típusra jellemző új elemet kapsz:

| Elem | Mit csinál |
|---|---|
| **Pénztári vásárlói adatok** | A számlázási és szállítási adatok űrlapját jeleníti meg. A nem kötelező mezőket (például a cégnevet) elrejtheted, a mezőket pedig stílusozhatod. |
| **Pénztári rendelés áttekintése** | A rendelés összegzését, a rendelkezésre álló fizetési módokat és a rendelés leadása gombot jeleníti meg. A részeit külön stílusozhatod. |

**A pénztári kuponűrlap eltávolítása.** Ha a WooCommerce általános beállításai között engedélyezted a kuponok használatát, a pénztárűrlap tetején egy kék kuponűrlap látszik. Ha el akarod távolítani, rejtsd el egyéni CSS-sel, vagy tedd a gyermektémádba a következő kódot:

```php
remove_action( 'woocommerce_before_checkout_form', 'woocommerce_checkout_coupon_form', 10 );
```

### Pénztári kupon és Belépés a pénztárnál elem

Nagyobb irányítást kapsz a pénztári kupon és belépés helye és kinézete fölött két külön elemmel. Mindkettő kikapcsolt, amíg a **Bricks → Beállítások → WooCommerce** oldalon be nem kapcsolod.

![A Bricks WooCommerce beállításai: a Checkout coupon és Checkout login elem kapcsolói](./kepek/woocommerce-beallitasok.webp)

*A Bricks WooCommerce beállításai: a Checkout coupon és Checkout login elem kapcsolói* (https://minta-bolt.hu/wp-admin/admin.php?page=bricks-settings)

A képen a **Bricks WooCommerce „Checkout coupon” elem bekapcsolása** és a **Bricks WooCommerce „Checkout login” elem bekapcsolása** kapcsoló látszik.

**Pénztári kupon elem.** A kuponmezőt a pénztár oldal különböző helyein jelenítheted meg, hogy a vásárlók könnyen beváltsák a kedvezménykódjukat. Korábban nem tudtad szabályozni a pénztári kupon helyét, a stílusozás is korlátozott volt, és egyéni CSS kellett hozzá.

- Bekapcsolás: **Bricks → Beállítások → WooCommerce → Bricks WooCommerce „Checkout coupon” elem bekapcsolása**. A WooCommerce általános beállításaiban a kuponok használatának be kell lennie kapcsolva.
- **Hely:** alapból oda kerül, ahová az elemet beteszed a sablonban. Választhatsz más helyet is: a rendelés-összesítő címe előtt, a rendelés-összesítő címe után vagy a fizetés előtt. Az egyéni helybeállítások csak a látogatói oldalon (a tényleges Pénztár oldalon) érvényesek. A helyes elhelyezéshez az elemet a Pénztár sablon tetejére tedd.
- **Kapcsolható űrlap:** az űrlap alapból rejtve van, és csak a kapcsolóra kattintva nyílik ki, így tisztább az elrendezés.

**Belépés a pénztárnál elem.** Kényelmes belépési lehetőséget ad közvetlenül a pénztáron, hogy a visszatérő vásárlók a rendelés leadása előtt bejelentkezzenek. Akkor érhető el, ha a WooCommerce **Fiókok és adatvédelem** beállításai között bekapcsoltad a pénztári belépést. Korábban a pénztári belépési űrlap helye rögzített volt, és a stílusozása is korlátozott.

- Bekapcsolás: **Bricks → Beállítások → WooCommerce → Bricks WooCommerce „Checkout login” elem bekapcsolása**.
- **Hely:** ugyanúgy választható, mint a kuponelemnél. A helybeállítás csak a látogatói oldalon érvényes, ezért az elemet a Pénztár sablon elejére tedd.
- **Kapcsolható űrlap:** az űrlap alapból rejtett, és csak a kapcsolóra kattintva nyílik ki.

Az elemek beállításait a [Pénztár elemek és WooCommerce Breadcrumbok](https://hub.hellowp.io/hu/plugins/bricks-child/elemek-penztar-elemek-woo-breadcrumb/) és a [Pénztár elemek](https://hub.hellowp.io/hu/plugins/bricks-child/elemek-penztar-reszek/) fejezet részletezi.

### Köszönőoldal sablon

A rendelés leadása után, a fizetési folyamattól függően, a „Köszönjük” képernyőre érkezik a vásárló. Ennek stílusozásához hozz létre **WooCommerce - Köszönőoldal** típusú Bricks-sablont, és tedd bele a **Pénztári köszönőoldal** elemet. Ezzel a köszönőüzenetet és a rendelés adatainak részeit is testre szabhatod.

**Sikertelen rendelés üzenete.** A hagyományos **Pénztári köszönőoldal** elem támogatja a WooCommerce `woocommerce_thankyou_order_failed_text` szűrőjét. A Pénztár v2 az újonnan generált Köszönjük blokkokban a `{woo_order_failed_text}` címkét használja a sikertelen rendelés üzenetére. Ha a szűrt üzenetet egy meglévő Pénztár v2 elrendezésben is használni akarod:

1. Nyisd meg a hozzárendelt Pénztár oldalt Bricks-szel, és válaszd ki a **Köszönjük** állapotot.
2. Keresd meg az üzenet elemét a sikertelen rendelés blokkjában.
3. Cseréld le a szövegét `{woo_order_failed_text}` címkére, és mentsd.

A blokk feltételeit, a fizetés újrapróbálása hivatkozást, a stílust és a horgokat hagyd meg.

### Fizetés sablon

Ha a látogató egy kifizetetlen rendelés fizetési linkjét kapja, külön pénztári képernyő jelenik meg a rendelés összegzésével, a rendelkezésre álló fizetési módokkal és a fizetés gombjával. Ennek testreszabásához hozz létre **WooCommerce - Fizetés** típusú sablont. Ebben két új elemet kapsz: a **Pénztári rendelési táblázat** és a **Pénztári rendelés fizetése** elemet, mindkettőhöz stílusvezérlőkkel.

### Rendelés visszaigazolása sablon

Ha a látogató egy kifizetetlen rendelés nyugtájának linkjét kapja, a pénztári folyamat a `checkout/order-receipt.php` sablont hívja. Ennek testreszabásához add hozzá a **WooCommerce - Rendelés visszaigazolása** sablontípust. A szerkesztőben a rendeléshez kötött dinamikus adat címkéket használhatod:

| Címke | Mit ad |
|---|---|
| `{woo_order_id}` | A rendelés azonosítója. |
| `{woo_order_number}` | A rendelés száma. |
| `{woo_order_date}` | A rendelés dátuma. |
| `{woo_order_total}` | A rendelés végösszege. |
| `{woo_order_payment_title}` | A rendelés fizetési módjának neve. |
| `{woo_order_email}` | A rendeléshez megadott e-mail-cím. |

A Pénztár v2 elrendezésekhez további rendelési címkék és rendelésfüggő lekérdezési ciklusok állnak rendelkezésre: rendelési tételek, végösszegek, letöltések, műveletek és vásárlói megjegyzések.