# Fiók elemek: címek, letöltések, fizetési mód, szerkesztés és bejelentkezés

> A WooCommerce Fiókom oldalához tartozó Bricks elemek: Címek, Letöltések, Fizetési mód hozzáadása, Fiók és Cím szerkesztése, Bejelentkezési, Regisztrációs, Elfelejtett jelszó és Jelszó visszaállítása űrlap.

A **Fiók** elemek a WooCommerce Fiókom oldalának részeit építik fel Bricksben. Fiókom sablonban vagy az egyes Fiókom végpontok (rendelések, letöltések, címek, fizetési módok) sablonjában használd őket. Építés után nézd végig az összes végpontot a fronton, hogy a navigáció és az űrlapok egységesek maradjanak.

A WooCommerce-et ehhez aktiválnod kell. Az elemek a szerkesztő elemlistájában **Fiók - …** névvel szerepelnek.

## Fiók - Fizetési mód hozzáadása

A fizetési mód felvételének űrlapját jeleníti meg.

![A Fiók - Fizetési mód hozzáadása elem beállításai](./kepek/elemek-9-account-add-payment-method.webp)

*A Fiók - Fizetési mód hozzáadása elem beállításai* (https://minta-bolt.hu/elemek-teszt/?bricks=run)

A **Stílus** fül csoportjai (mindegyikben margó, belső távolság, háttérszín, szegély, dobozárnyék és tipográfia):

| Csoport | Mire vonatkozik |
| --- | --- |
| Burkolóelem | A teljes űrlap külső doboza. |
| Fizetési módok listája (UL) | A fizetési módok listája. |
| Fizetési mód tétele (LI) | Egy fizetési mód sora. |
| Címke | A fizetési mód felirata. |
| Egyéni rádiógomb (bejelölve) | A kiválasztott rádiógomb **Színe**. |
| Fizetési doboz | A kiválasztott fizetési mód részletes doboza. |
| Fizetési mód hozzáadása gomb | A küldő gomb. |

Ha a boltban nincs elérhető fizetési mód, a szerkesztőben tájékoztató üzenet látszik.

## Fiók - Címek

A számlázási és a szállítási cím áttekintése, szerkesztési hivatkozásokkal.

![A Fiók - Címek elem beállításai](./kepek/elemek-9-account-addresses.webp)

*A Fiók - Címek elem beállításai* (https://minta-bolt.hu/elemek-teszt/?bricks=run)

| Beállítás | Mit csinál |
| --- | --- |
| Irány | A két cím egymás mellett vagy egymás alatt jelenik meg. |
| Térköz | A két cím közti távolság. |
| Burkolóelem | A címblokk doboza (margó, belső távolság, háttér, szegély, dobozárnyék, tipográfia). |
| Cím | A „Számlázási cím” és „Szállítási cím” címsor stílusa. |
| Link szerkesztése | A „Számlázási cím hozzáadása” jellegű hivatkozás stílusa. |

## Fiók - Letöltések

A vásárló letölthető termékeinek táblázata. Ha még nincs letöltés, a szerkesztő a „Még nincsenek elérhető letöltések.” üzenetet és a **Termékek böngészése** gombot mutatja.

![A Fiók - Letöltések elem beállításai](./kepek/elemek-9-account-downloads.webp)

*A Fiók - Letöltések elem beállításai* (https://minta-bolt.hu/elemek-teszt/?bricks=run)

A **Stílus** fül csoportjai: **Táblázat**, **Fejrész**, **Törzs**, **Hivatkozások** és **Gomb**. Mindegyikben háttérszínt, szegélyt, tipográfiát és belső távolságot állíthatsz, a táblázatnál és a hivatkozásoknál dobozárnyékot is.

## Fiók - Fiók szerkesztése

A fiókadatok (név, megjelenítendő név, e-mail-cím, jelszó) szerkesztőűrlapja.

![A Fiók - Fiók szerkesztése elem beállításai](./kepek/elemek-9-account-form-edit-account.webp)

*A Fiók - Fiók szerkesztése elem beállításai* (https://minta-bolt.hu/elemek-teszt/?bricks=run)

Csoportok a **Stílus** fülön: **Mező**, **Fieldset** és **Küldés gomb**. Beállítások: címke tipográfiája, margó, belső távolság, háttérszín, szegély, dobozárnyék, tipográfia, szélesség, térköz.

## Fiók - Cím szerkesztése

A számlázási vagy szállítási cím szerkesztőűrlapja.

![A Fiók - Cím szerkesztése elem beállításai](./kepek/elemek-9-account-form-edit-address.webp)

*A Fiók - Cím szerkesztése elem beállításai* (https://minta-bolt.hu/elemek-teszt/?bricks=run)

Csoportok: **Cím**, **Mezők** és **Küldés gomb**. A **Mezők** csoportban a címke és a helyőrző tipográfiáját, valamint a mezők margóját, belső távolságát, hátterét, szegélyét és dobozárnyékát állíthatod. Egy **Elrejtés** jelölőnégyzettel az elem elrejthető.

## Fiók - Bejelentkezési űrlap

A Fiókom bejelentkezési űrlapja (felhasználónév vagy e-mail-cím és jelszó).

![A Fiók - Bejelentkezési űrlap elem beállításai](./kepek/elemek-9-account-form-login.webp)

*A Fiók - Bejelentkezési űrlap elem beállításai* (https://minta-bolt.hu/elemek-teszt/?bricks=run)

Csoportok: **Mezők**, **Emlékezz rám**, **Küldés gomb** és **Elfelejtett jelszó** (a hivatkozás stílusa). Közös beállítások: **Letiltás**, tipográfia, elemek igazítása, szélesség, térköz, címke tipográfiája, mezők margója, belső távolsága és háttérszíne.

## Fiók - Elfelejtett jelszó

Az űrlap, amelyen a vásárló az e-mail-címét megadva jelszó-visszaállító levelet kér.

![A Fiók - Elfelejtett jelszó elem beállításai](./kepek/elemek-9-account-form-lost-password.webp)

*A Fiók - Elfelejtett jelszó elem beállításai* (https://minta-bolt.hu/elemek-teszt/?bricks=run)

Csoportok: **Üzenet** (a tájékoztató szöveg), **Mezők** és **Küldés gomb**. A beállítások ugyanazok, mint a bejelentkezési űrlapnál: letiltás, tipográfia, igazítás, szélesség, térköz, címke tipográfiája, margó, belső távolság és háttérszín.

## Fiók - Regisztrációs űrlap

Az új vásárlói fiók regisztrációs űrlapja.

![A Fiók - Regisztrációs űrlap elem beállításai](./kepek/elemek-9-account-form-register.webp)

*A Fiók - Regisztrációs űrlap elem beállításai* (https://minta-bolt.hu/elemek-teszt/?bricks=run)

Csoportok: **Mezők**, **Küldés gomb** és **Egyéb**. Az űrlap külön stílusozható részei: a jelszó generálása, az adatvédelmi nyilatkozat szövege és a hivatkozása (**Link** tipográfiája). Emellett az igazítás, a szélesség, a térköz, a címke tipográfiája és a mezők margója állítható.

## Fiók - Jelszó visszaállítása

Az új jelszó megadásának űrlapja, ahová a jelszó-visszaállító levél hivatkozása vezet.

![A Fiók - Jelszó visszaállítása elem beállításai](./kepek/elemek-9-account-form-reset-password.webp)

*A Fiók - Jelszó visszaállítása elem beállításai* (https://minta-bolt.hu/elemek-teszt/?bricks=run)

Csoportok: **Üzenet**, **Mezők** és **Küldés gomb**. Beállítások: letiltás, tipográfia, igazítás, szélesség, térköz, címke tipográfiája, margó, belső távolság és háttérszín.