# WooCommerce: Kosár termékei és Termékváltozatok

> A Kosár termékei widget (a kosárba tett termékek listája) és a Termékváltozatok widget (a változatos termék változatainak megjelenítése az egyedi termékoldalon).

## Kosár termékei

A **Kosár termékei** widget a látogató kosarában lévő WooCommerce-termékekből épít listát. A **Dinamikus bejegyzések** widget funkcióit használja, ezért a kinézetek, tételek és effektusok beállításai ugyanazok ([kinézetek](https://hub.hellowp.io/hu/plugins/dynamic-content-for-elementor/dynamic-posts-kinezetek/), [tételek és effektusok](https://hub.hellowp.io/hu/plugins/dynamic-content-for-elementor/dynamic-posts-tetelek-es-effektek/)).

A **Kinézet** választóban ezek az elrendezések érhetők el: **Rács**, **Rács szűrőkkel**, **Körhinta**, **Kettős carousel**, **Harmonika**, **Lista** és **Táblázat**.

![A Kosár termékei widget kimenete](./kepek/woocommerce-kosar-termekek-kimenet.webp)

*A Kosár termékei widget kimenete* (https://minta-bolt.hu/kosar-widget-demo/)

A képen a vendég kosarába egy termék (**Kerámia bögre**) került, és a widget a címét és az árát mutatja. Üres kosárnál a **Viselkedés, ha nincs eredmény** szakaszban megadott tartalék szöveg vagy sablon jelenik meg.

Tipp: a widget a kosár tartalmát a látogató munkamenetéből olvassa, ezért a végleges hatását a megnyitott webhelyen, vendégként nézd meg. Az Elementor szerkesztőben a widget ebben a környezetben nem működik megbízhatóan: ha a szerkesztő a widget hozzáadása után nem tölt be, vedd ki az oldalról, és a kosáron lévő termékeket a webhelyen ellenőrizd.

## Termékváltozatok

Ha egyedi sablont tervezel a WooCommerce termékoldalához, a **Termékváltozatok** widgetet beteheted a termék sablonjába, hogy a változatok megjelenjenek.

A widget a **Dinamikus termékek** widgetre épül, és ugyanazokat a szakaszokat adja: **Termékváltozatok** (kinézet), **Rács**, **Megjelenés görgetéskor**, **Tételek**, **Rámutatáskor megjelenő effektusok**, **Lekérdezés** és **Viselkedés, ha nincs eredmény**.

![A Termékváltozatok widget beállításai](./kepek/woocommerce-termekvaltozatok-kinezet.webp)

*A Termékváltozatok widget beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=52&action=elementor)

A képen a **Termékváltozatok** szakasz látszik. A **Kinézet** választóban a **Rács**, **Rács szűrőkkel**, **Körhinta**, **Kettős carousel**, **Harmonika**, **Lista** és **Táblázat** közül választhatsz. A **Lekérdezés** szakasz három beállítása: **Találatok oldalanként**, **Sorrend alapja** és **Rendelés**.

Ha a widget olyan oldalon van, amely nem változatos termék oldala, a **Nincs találat.** szöveg jelenik meg.