# WooCommerce bevásárlókosár

> A WooCommerce bevásárlókosár widget: kosár ikon a termékszámmal és az összeggel, legördülő vagy kicsúszó mini kosár.

A **WooCommerce bevásárlókosár** widget a bolt fejlécében vagy láblécében mutatja a kosarat: a termékek számát és a végösszeget. A vásárló így böngészés közben is látja, mennyit tett a kosárba.

## Követelmények

- Aktív **WooCommerce** (e nélkül a widget nem jelenik meg a **Widgetek és kiterjesztések** listában).
- Fejlécbe tételhez a Crocoblock Theme Builder (JetThemeCore), a widget más Elementorral szerkesztett oldalra is betehető.

## Elhelyezés

1. A **Crocoblock → Theme Builder** oldalon nyisd meg a **Header** fület, és válaszd ki a fejlécet, vagy kattints az **Add New** gombra.
2. Az Elementor szerkesztőben keresd meg a **WooCommerce bevásárlókosár** widgetet, és húzd a kívánt szekcióba.
3. Állítsd be a **Beállítások** szekciót, a **Stílus** fülön formázd meg.
4. Kattints a **Frissítés** gombra.

## Beállítások

![A WooCommerce bevásárlókosár widget Beállítások szekciója](./kepek/kosar-tartalom-1.webp)

*A WooCommerce bevásárlókosár widget Beállítások szekciója* (https://minta-bolt.hu/wp-admin/post.php?post=32&action=elementor)

A képen a kosár megjelenésének beállításai láthatók.

| Beállítás | Mit csinál | Alapérték |
| --- | --- | --- |
| **Címke** | A kosár felirata. | Kosár |
| **Ikon** | A felirat melletti ikon: ikontárból vagy feltöltött SVG-ből. | kosár |
| **Hide Cart When Empty** | Üres kosárnál elrejti a kosár ikont. | Nem |
| **Termékszám mutatása** | Kiírja a kosárban lévő termékek számát. | Igen |
| **Termékszám formátuma** | A szám megjelenése. A `%s` jelölő helyére kerül a szám, így mondatba is foglalhatod. | `%s` |
| **Kosár részösszegének mutatása** | Kiírja a termékek összértékét. | Igen |
| **Kosár részösszegének formátuma** | Az összeg megjelenése, a `%s` jelölővel. | `%s` |
| **Kosár legördülő listájának mutatása** | A kosár tartalma listában is megnyitható. | Igen |
| **Show Quantity Controls** | Mennyiségállító gombok a listában. | Nem |
| **Open Cart Dropdown on Product Add** | Új termék kosárba tételekor magától kinyílik a mini kosár. | Nem |
| **Aktiválás típusának mutatása** | A lista megnyitása: **Rámutatás** vagy **Kattintás**. | **Rámutatás** |
| **Elrendezés típusa** | **Legördülő menü** vagy **Kicsúszás** (a képernyő jobb oldaláról csúszik ki). | **Legördülő menü** |
| **Kosár legördülő listájának címkéje** | A lista tetején lévő szöveg. | Kosaram |

A **Kicsúszás** elrendezés választásakor egy további kapcsoló jelenik meg: a **Show Overlay Color**. Bekapcsolva kiválaszthatod azt a színt, amely a kicsúszó panel melletti oldalrészt fedi.

## Eredmény az oldalon

![A kosár az oldalon, egy termékkel](./kepek/kosar-elooldal.webp)

*A kosár az oldalon, egy termékkel* (https://minta-bolt.hu/demo-kosar/)

A képen a kosár ikon, a felirat és a kosár összege látszik.