# Kosárba + beállítások blokk

> A blokkos kosárba tevő űrlap: gomb, mennyiség, variációválasztó és csoportosított termékek, kívánságlistával.

A **Kosárba + beállítások (Béta)** blokk egy teljesen blokkokból épülő, testreszabható kosárba tevő űrlap. A **Kosárba** gombot, a mennyiségválasztót és a terméktípustól függően további választómezőket tartalmaz, így a vásárló a kiválasztott konfigurációval tudja a terméket a kosárba tenni. Használhatod az **Egy termék** sablonban vagy egy **Termék** blokkon belül, ami összetett terméktípusoknál és rugalmas kialakításnál is hasznos.

Előfeltétel: blokkos téma, és olyan fiók, amely a webhely sablonjait szerkesztheti. Nyisd meg az **Egy termék** sablont (vagy egy **Termék** blokkot tartalmazó oldalt) a szerkesztőben, és válaszd ki a **Kosárba + beállítások (Béta)** blokkot.

## Mit tud

- Oldalújratöltés nélkül teszi a terméket a kosárba.
- Sikeres hozzáadás után egyszerű és variálható terméknél a gomb mutatja, hány darab van a kosárban.
- A variációk gombokként vagy legördülő listában is megjeleníthetők.

## Belső blokkok

A támogatott terméktípusoktól függően a blokk ezeket tartalmazza:

- **Kosárba gomb**: a beállított termék kosárba tevésére szolgál. A stílusa (kitöltés, körvonal) módosítható.
- **Termékmennyiség (béta)**: akkor jelenik meg, ha a vásárló egynél több darabot is választhat. Egy példány stílusát külön is állíthatod: szövegszín, háttérszín, szegélyszín, szélesség, stílus, lekerekítés vagy árnyék.
- **Variáció kiválasztó: Attribútum név (béta)**: az attribútum nevének megjelenítése (például „Szín”, „Méret”). A színe, a térköze és a betűtípusa állítható.
- **Variáció kiválasztó: Attribútum opciók**: az attribútum értékeit gombokként vagy legördülő listában mutatja. Ha a kísérleti színminta-funkció be van kapcsolva, és az attribútum színes vagy képes típusú, a gombokon az értékek színe vagy képe is látszhat.
- **Csoportosított termék kiválasztó (béta)**: az együtt kosárba tehető termékeket mutatja. Minden csoportosított termék egy sorban áll mennyiségválasztóval, névvel, árral és készlettel.

### A mennyiségválasztó stílusa

Egy példány stílusához jelöld ki a **Termékmennyiség (béta)** blokkot az űrlapon belül. Használd a szín- és háttérszín-vezérlőket, a szegély, a szegélyszín, a szélesség, a lekerekítés és az árnyék beállításokat. Ha egy vezérlő rejtve van, nyisd meg a panel beállításmenüjét, és kapcsold be.

Az egész webhelyre érvényes stílus a **Stílusok** beállításaiban van: válaszd a **Blokkok** részt, azon belül a **Termékmennyiség (béta)** blokkot. Ez a kosár tételeinek mennyiségválasztójára is hat, ezért mentés után a termékoldalt és a kosarat is nézd meg, hogy a vezérlők olvashatók és használhatók maradtak-e. Ha egy termékűrlap más kinézetet kapjon, jelöld ki azt a példányt, és annak blokkstílusát módosítsd.

### Dinamikus variációfrissítés

Variáció kiválasztásakor a blokk automatikusan frissíti a kapcsolódó termékblokkokat, hogy a helyes variációs adatok jelenjenek meg. A termékkép például a kiválasztott variáció képére vált. Ha egy variáció egyedileg értékesíthető, a blokk elrejti a **Termékmennyiség** blokkot.

## Kívánságlista (kísérleti)

Blokkos témát használó boltoknál kísérleti kívánságlista-funkció érhető el. A **WooCommerce → Beállítások → Haladó → Funkciók** oldalon lehet bekapcsolni (a felirat ezen a felületen még angol: **Wishlists**).

Ha minden feltétel teljesül, a **Kosárba + beállítások** blokk kívánságlistára tevő gombot mutathat az egy termék sablonokban. Változó terméknél a vásárló a kiválasztott variációt mentheti.

Feltételek:

- a **Wishlists** funkció be van kapcsolva a **Funkciók** oldalon;
- a vásárló be van jelentkezve (vendégeknek a gomb rejtve van);
- blokkos téma van használatban, és az egy termék sablon tartalmazza a **Kosárba + beállítások (Béta)** blokkot (klasszikus termék sablonnál a gomb nem jelenik meg);
- a termék közzé van téve: csak közzétett termék menthető kívánságlistára.

A mentett termékeket a vásárlók a **Fiókom → Kívánságlista** oldalon kezelik. A listán lévő termékeknél megjelenik a kosárba tevés művelet, ha a termék kosárba tehető. Ha a gomb nem jelenik meg, a fenti feltételeket nézd végig.

A kosárban lévő tételek későbbre mentéséről a kosár blokk leírásában olvashatsz.