# Commerce Revolution kiegészítő

> A modulok összekötése a WooCommerce-bolttal: termékforrás, variációválasztók, feltételes megjelenítés, ismétlők, szűrők és a WooCommerce metaváltozók.

A Commerce Revolution kiegészítő összeköti a modulokat egy WooCommerce-bolttal. Működéséhez a WooCommerce telepítve és aktívan kell legyen.

A kiegészítővel a modul megjelenítheti a termékek nevét, árát, készletét és képeit, a látogató által választott variációnak megfelelően változtathatja a tartalmát, termékfeltételek szerint elrejthet vagy megmutathat rétegeket, és egy rétegtervet ismételhet minden termékhez, értékeléshez, galériaképhez vagy kosárelemhez.

A kiegészítő négy helyen ad beállításokat:

- a **Tartalom forrása** panel WooCommerce forrásánál;
- a **Slide Settings** panel **Commerce** fülén;
- a rétegek **Commerce** paneljén Tervezési módban;
- a metaböngésző WooCommerce-metaváltozóiban.

Add hozzá a kiegészítőt a modulhoz a [Kiegészítőkönyvtárból](https://hub.hellowp.io/hu/plugins/revslider/addonok-kiegeszito-konyvtar/).

## Tartalom forrása panel

Megnyitás: a modulszerkesztő felső sávjában kattints a **Beállítások** gombra, a **Beállítások** oldalsávon a **Tartalom forrása** pontra, majd a **Module Source** értékét állítsd **WooCommerce**-re. A [Tartalom forrása panel](https://hub.hellowp.io/hu/plugins/revslider/szerkeszto-panelek-tartalom-forrasa/) általános beállításai itt is érvényesek.

A kiegészítővel a WooCommerce forrás kap egy **Products** beállítást, ami megadja, honnan veszi a modul a termékadatait. A modul építhet egy diát termékenként vagy kategóriánként, mutathatja annak az oldalnak a termékét, amelyen áll, mutathat egyetlen kiválasztott terméket, vagy az egyes diákra és rétegekre bízhatja a választást. A szokásos WooCommerce-forrásbeállítások (**Woo Types**, **Woo Products**, **Limits**, **Filters**, **Sort By**) továbbra is elérhetők, de csak akkor, ha a **Products** értéke **Product Feed**.

### Content Source szakasz

| Beállítás | Mikor látszik | Mit csinál |
| --- | --- | --- |
| **Products** | Mindig | Honnan jön a termékadat: **Product Feed** (egy dia termékenként, a szokásos WooCommerce-forrásbeállításokkal választott és rendezett termékekből), **Category Feed** (egy dia termékkategóriánként), **Current Product** (annak az oldalnak a terméke, amelyen a modul áll, például egy WooCommerce termékoldal), **Specific Product** (egy kiválasztott termék mindenhol, ahol a modul megjelenik), **Set on Slides and Layers** (a modulnak nincs terméke, a diák és rétegek a saját **Commerce** beállításukban választanak). |
| **Categories** | **Category Feed** | Mely kategóriák lesznek diák: **Top Level** (csak a szülő nélküli kategóriák) vagy **All** (minden kategória az alkategóriákkal együtt). |
| **Order** | **Category Feed** | A kategóriadiák sorrendje: **Custom Order** (a WooCommerce-ben megadott sorrend), **Name** (név szerint betűrendben), **Product Count** (a bennük lévő termékek száma szerint). |
| **Max. Categories** | **Category Feed** | A modul legfeljebb hány kategóriát, vagyis diát mutat, `1` és `48` között. |
| **Choose Preview Product** | **Current Product** | A szerkesztés közben megjelenített termék. Az éles oldalon az adott oldal terméke érvényesül. A sávra kattintva megnyílik a **Choose a Product** ablak. Kiválasztott termék után a nyíl módosítja, a **×** gomb eltávolítja. |
| **Choose Product** | **Specific Product** | A modul által mutatott termék. A sávra kattintva megnyílik a **Choose a Product** ablak. A kiválasztás után a sáv a termék képét, nevét, URL-azonosítóját (slug) és árát mutatja. A nyíl módosítja, a **×** gomb eltávolítja. |
| **Product Slot** | **Specific Product** | Névvel (például „quickview”) látja el a modul termékét, hogy más rétegek kicserélhessék egy másik termékre. Ha a látogató olyan rétegre kattint, amelynek **Shows Product In** beállítása ezzel a névvel egyezik, a modul annak a rétegnek a termékét tölti be a kiválasztott helyett. Így készíthetsz gyorsnézet-szerű terveket, ahol egy listában a termékre kattintva a részletei egy másik modulban jelennek meg. |
| **Variation** | **Current Product**, vagy **Specific Product** olyan termékkel, aminek vannak variációi | Melyik variáció adja az árakat, a készletet és a többi variációadatot: **Default** (a WooCommerce-ben megadott alapértelmezett variáció), **Selected by Customer** (a látogató által a **Variation Choices** rétegekkel választott), **Specific Variation** (mindig a **Choose Variation** szerint kiválasztott). |
| **Choose Variation** | **Specific Product** és **Specific Variation** | A modul által mindig mutatott variáció. A sávra kattintva a **Choose a Product** ablak a termék variációinál nyílik meg. A kiválasztás után a sáv egy lakat ikont, a variáció nevét és azonosítóját mutatja. A sávra kattintva módosítható, a **×** gomb eltávolítja. |
| **Animate on Variation Change** | **Variation** látszik és **Selected by Customer** | A termékadatot mutató rétegek újra lejátsszák-e az animációjukat, ha a látogató másik variációt választ. Bekapcsolva újra lejátszanak, kikapcsolva animáció nélkül frissítik a tartalmukat. |
| **Also When Values Stay the Same** | Bekapcsolt **Animate on Variation Change** | A rétegek akkor is újra lejátsszák-e az animációjukat, ha az új variáció ugyanazt az értéket mutatja, például ugyanazt az árat. Bekapcsolva minden, a terméket olvasó réteg újra lejátssza az animációját bármely variációváltáskor, kikapcsolva csak azok, amelyeknek a megjelenített értéke változik. |
| **If Missing** | **Current Product** vagy **Specific Product** | Mi történik, ha nem található termék, például ha egy **Current Product** modul nem termékoldalon áll, vagy a kiválasztott terméket törölték: **Hide** (elrejti a termékadatot mutató rétegeket), **Show Empty** (megmutatja őket üres adattal), **Show Field Names** (a valódi adat helyett a termékmezők neveivel mutatja), **Hide Module** (az egész modult elrejti). |

### A Choose a Product ablak

Itt böngészed, kereséssel és szűréssel keresed, és választod ki a WooCommerce-termékeket. Ugyanez az ablak nyílik meg a diák és rétegek **Commerce** beállításaiból is. Akkor látszik, ha a **Choose Product**, **Choose Preview Product** vagy **Choose Variation** sávra kattintasz, és bezárul a **Cancel**, a **Use Product**, a **Use Variation** vagy a bezáró gombbal.

| Elem | Mit csinál |
| --- | --- |
| **Search by name, SKU or ID** | A termékkártyákat a termék neve, cikkszáma (SKU) vagy azonosítója szerint szűri. |
| **Type** | Terméktípus szerint szűr: **Any Type**, **Simple** (csak egyszerű termékek), **Variable** (csak változó termékek). |
| **Sort** | A kártyák sorrendje: **Newest First**, **Name A-Z**, **Price, Low First** (olcsó elöl), **Price, High First** (drága elöl). |
| **All Products** | Minden kategória termékét mutatja. A mellette lévő szám az összes termék száma. |
| Kategórialista | Egy kategóriára kattintva csak annak a termékei látszanak. A kategória melletti szám a termékei száma. A szülőkategória melletti nyíl kinyitja és összecsukja az alkategóriákat. |
| **Has Variations** | Csak a variációkkal rendelkező termékeket mutatja. |
| **In Stock Only** | Csak a készleten lévő termékeket mutatja. |
| **Bound Elsewhere** | Csak ha a modulban már van máshol kiválasztott **Specific Product**. Legfeljebb három, már máshol kiválasztott terméket sorol fel, azzal, hol használják (például **Module** vagy **Slide 1**). Egyre kattintva a termékkártyák között odaugrik. |
| **Manage in WooCommerce** | Megnyitja a WooCommerce terméklistáját, ahol termékeket vehetsz fel és szerkeszthetsz. |
| Termékkártyák | A kártyára kattintva kiválasztod a terméket. A kártya mutatja a termék képét, készletállapotát, árát, nevét, URL-azonosítóját, hogy vannak-e variációi, és a típusát. |
| **Choose a Variation** | Csak ha az egér olyan termék kártyája fölött áll, aminek vannak variációi. Az ablakban a termék variációit mutatja, variációnként egy kártyával (kép, készletállapot, ár, jellemzőértékek, cikkszám). Kattints egy variációkártyára, majd a **Use Variation** gombra. A kártyák fölötti **All Products** gombbal visszalépsz a terméklistához. |
| **Cancel** | Bezárja az ablakot a termék módosítása nélkül. |
| **Use Product** | Alkalmazza a kiválasztott terméket, és bezárja az ablakot. A gomb melletti állapotsor a kiválasztott terméket mutatja, vagy a „Nothing selected yet.” szöveget. |
| **Use Variation** | Csak ha az ablak egy termék variációit mutatja. Alkalmazza a kiválasztott terméket és variációt, bezárja az ablakot, és a **Variation** beállítást **Specific Variation**-re állítja. |

## Slide Settings panel: Commerce fül

Megnyitás: a felső sávban kattints a **Diák** gombra, vidd az egeret egy dia fölé, kattints a **Slide Settings** gombjára, majd a **Commerce** fülre.

Itt adod meg, melyik terméket olvassa egyetlen dia. Alapesetben a dia a modul termékét használja, amit a Tartalom forrása panelen adtál meg. Adj a diának saját terméket, ha minden diádon más terméket akarsz mutatni. A fül egyetlen **Product** szakaszból áll.

| Beállítás | Mikor látszik | Mit csinál |
| --- | --- | --- |
| **Source** | Mindig | Honnan veszi a dia a termékét: **From Module (…)** (a modul terméke, a zárójelben az látszik, mire van állítva a modul, például **From Module (Current Product)** vagy a kiválasztott termék neve), **Current Product** (annak az oldalnak a terméke, amelyen a modul áll, nem kínált, ha a modul már **Current Product**), **Specific Product** (a diához választott termék), **None** (a diának nincs terméke). |
| **Choose Product** | Ha a **Source** nem **None** | A diához használt terméket mutatja. **Specific Product** esetén a sávra kattintva a **Choose a Product** ablakban választod ki a dia termékét. A modultól örökölt terméknél a sáv „Inherited” feliratot mutat. |
| **Product Slot** | **Specific Product** | A dia termékének névvel való ellátása, hogy más rétegek kicserélhessék egy másik termékre. Ha a látogató olyan rétegre kattint, aminek a **Shows Product In** beállítása ezzel a névvel egyezik, a dia annak a rétegnek a termékét tölti be. |
| **Variation** | **Current Product**, vagy **Specific Product** olyan termékkel, aminek vannak variációi | Melyik variáció adja az árakat, a készletet és a többi adatot: **Default**, **Selected by Customer**, **Specific Variation**. |
| **Choose Variation** | **Specific Product** és **Specific Variation** | A dia által mindig mutatott variáció, ugyanúgy választható, mint a modulbeállításban. |
| **Animate on Variation Change** | **Selected by Customer** | A termékadatot mutató rétegek újra lejátsszák-e az animációjukat variációváltáskor. |
| **Also When Values Stay the Same** | Bekapcsolt **Animate on Variation Change** | Az animáció akkor is újra lejátszódik-e, ha az új variáció azonos értéket mutat. |
| **If Missing** | **Current Product** vagy **Specific Product** | Mi történik, ha a dia terméke nem található: **Hide**, **Show Empty**, **Show Field Names**. |

## A Commerce panel (rétegek)

Megnyitás: a modulszerkesztő jobb oldalsávjában kattints a **Tervezés** ikonra, jelölj ki egy réteget, és kattints a **Commerce** fülre.

A panelen megadhatod, melyik terméket olvassa a réteg, megjelenítheted vagy elrejtheted a réteget termék- és készletfeltételek szerint, a szövegrétegeket variációválasztókká, az alakzatrétegeket készletsávvá alakíthatod, a sorokat, oszlopokat és csoportokat pedig megismételheted termékenként, értékelésenként, képenként vagy más WooCommerce-elemenként.

A Commerce beállítást használó rétegeken a **Rétegek** oldalsávban bevásárlókosár-ikon látszik. Termékadat, például ár beszúrásához a szövegrétegbe a **Réteg** panel metaböngészőjének WooCommerce-metaváltozóit használd (lásd lent).

### Product szakasz

Akkor látszik, ha a réteg nem ismétlődik, vagy ha ismétlődik, és a **Repeat** értéke **Variations**, **Product Gallery**, **Product Reviews**, **Product Options**, **Related Products**, **Upsells** vagy **Cross-Sells**. Megadja a réteg által olvasott terméket és a megjelenítés feltételeit.

| Beállítás | Mikor látszik | Mit csinál |
| --- | --- | --- |
| **Source** | Mindig | Honnan veszi a réteg a termékét: **From Module (…)** (a modultól, vagy a diától örökölt termék. Ha a dia saját terméket ad, a felirat **From Slide (…)**), **Current Product**, **Specific Product** (a rétegnek választott termék), **None** (nincs termék, a termékmeták üresek maradnak). |
| **Choose Product** | Ha a **Source** nem **None**, és a réteg nem ismétlődő rétegen belül van | A réteg termékét mutatja, **Specific Product** esetén a sávra kattintva választod ki. Örökölt terméknél „Inherited”. |
| **Product Slot** | **Specific Product**, és a réteg nem ismétlődő rétegen belül van | Névvel látja el a réteg termékét, hogy más rétegek kicserélhessék. Ha a látogató olyan rétegre kattint, aminek a **Shows Product In** beállítása ezzel egyezik, ez a réteg és a gyermekei annak a rétegnek a termékét töltik be. |
| **Variation** | **Current Product**, vagy variációs termékű **Specific Product**, és a réteg nem ismétlődik, és nem ismétlődő rétegen belül van | **Default**, **Selected by Customer**, **Specific Variation**. |
| **Choose Variation** | A **Variation** látszik, **Specific Product** és **Specific Variation** | A réteg által mindig mutatott variáció. |
| **Animate on Variation Change** | **Selected by Customer** | A réteg újra lejátssza-e az animációját, ha a látogató másik variációt választ. |
| **Also When Values Stay the Same** | Bekapcsolt **Animate on Variation Change** | A réteg akkor is újra lejátssza-e, ha ugyanaz az érték. |
| **Show When** | Ha a **Repeat this Group** (vagy **Repeat this Row** / **Repeat this Column**) ki van kapcsolva, vagy a réteg nem ismétlődhet | Feltétel, amit a réteg termékének teljesítenie kell, hogy a réteg látsszon. Ha a feltétel nem teljesül, a réteg rejtve marad. Például az „Add to Cart” gomb legyen látható készleten lévő termékhez (**In Stock**), ugyanott a „Sold Out” felirat pedig fogyott terméknél (**Out of Stock**). |
| **List Name** | **Show When** értéke **Filter Is Active**, **List Is Empty** vagy **List Has More** | Annak a listának a neve, amit a **Show When** feltétel vizsgál (egy ismétlődő réteg **List Name** értéke). Ha üresen hagyod, a réteg **Drives List** beállításában megadott listát használja. |
| **Days Since Added** | **Show When** értéke **New** | Hány napig számít újnak a termék a hozzáadás után, `1` és `3650` között. Az alapérték `30`. |
| **Stock Bar** | Alakzatrétegnél | Az alakzat szélessége folyamatos sávként mutatja, mennyi maradt a termékből készleten. A sáv csak az éles oldalon rajzolódik ki, a modulszerkesztőben az alakzat megtartja a teljes szélességét. |
| **Full At** | Bekapcsolt **Stock Bar** | Mely készletszintnél teljes szélességű a sáv: **Sold + In Stock** (teljes, ha semmi nem kelt el, az eladások során csökken, a megmaradt készletet az eladott és a készleten lévő darabok összegéhez mérve mutatja) vagy **Fixed Number** (teljes a **Units in Stock** szerinti készletnél). |
| **Units in Stock** | Bekapcsolt **Stock Bar** és **Fixed Number** | Melyik készletmennyiségnél teljes a sáv, `1` és `1000000` között. Az ennél nagyobb készlet is teljes sávot mutat. Az alapérték `100`. |
| **If Missing** | **Current Product** vagy **Specific Product**, és a réteg nem ismétlődik, és nem ismétlődő rétegen belül van | Mi történik, ha a réteg terméke nem található: **Hide** (elrejti a réteget), **Show Empty** (üres adattal mutatja), **Show Field Names** (a mezőnevekkel mutatja). |

A **Show When** lehetőségei:

| Lehetőség | Mikor látszik a réteg |
| --- | --- |
| **Always** | Mindig. |
| **On Sale** | Ha a termék akciós. |
| **In Stock** | Ha a készletállapot bármi más, mint elfogyott, a várakozó rendelést is beleértve. |
| **Out of Stock** | Ha a termék elfogyott. |
| **Low Stock** | Ha a készlet a WooCommerce alacsony készlet küszöbén vagy alatta van. |
| **Stock Counted** | Ha a terméknek van készletmennyisége, vagyis a WooCommerce készletkezelése be van kapcsolva hozzá. |
| **Featured** | Ha a terméket a WooCommerce-ben kiemeltnek jelölték. |
| **Popular** | Ha a terméket a boltban népszerűnek jelölték. |
| **New** | Ha a terméket a **Days Since Added** napszámon belül adták hozzá. |
| **Has Variations** | Ha a terméknek vannak variációi. |
| **No Variations** | Ha a terméknek nincsenek variációi. |
| **Content Not Empty** | Ha a réteg saját szövege nem üres, miután a metaváltozókat kitöltötte a termékadat. |
| **Filter Is Active** | Ha a **List Name** szerinti listára szűrő van alkalmazva. |
| **List Is Empty** | Ha a **List Name** szerinti listának nincs eleme. |
| **List Has More** | Ha a **List Name** szerinti listában több elem van, mint amennyit éppen mutat. |
| **Filter Value Is Active** | Ha az általa beállított szűrőérték (például egy szűrőlista kategóriája) az aktív szűrő. |
| **Option Is Chosen** | Ha az általa képviselt variációlehetőség a látogató aktuális választása. **Product Options** ismétlőben használatos. |
| **Option Is Unavailable** | Ha az általa képviselt variációlehetőség nem kombinálható a látogató többi választásával. **Product Options** ismétlőben használatos. |
| **Image Is Selected** | Ha az általa képviselt galériakép az, amelyik éppen a termék képeként látszik. **Product Gallery** ismétlőben használatos. |

### Variation Choices szakasz

Csak szövegrétegnél. A szövegrétegből a termék egy jellemzőjének (például méret vagy szín) kattintható választólistáját csinálja. A látogató ezekkel választ variációt, és a **Variation** beállításnál **Selected by Customer** értékű rétegek követik a választást. A szakasz egy kapcsolóval kapcsolható be.

| Beállítás | Mit csinál |
| --- | --- |
| **Variation Choices** | Bekapcsolva a réteg az **Attribute** szerinti jellemző minden értékéhez egy választási lehetőséget mutat, kikapcsolva a normál szövegét. |
| **Attribute** | A termék melyik variációs jellemzőjéből épülnek a lehetőségek, sorszámmal. `1` az első jellemző, `2` a második, és így tovább. Az alapérték `1`. |
| **Choice Style** | Hogyan rajzolódik egy lehetőség: **Automatic** (az értékekhez illő stílust választ), **Text Pills** (kerekített szöveggomb), **Color Swatches** (színminta). |
| **Attribute Name** | A jellemző neve (például „Size”) látszik-e a lehetőségek mellett. |
| **Normal** | A nem kijelölt lehetőségek színei: **Text** (a szöveg színe) és **Background** (a háttér színe). Mindkettő alapértéke átlátszó, ami megtartja a réteg saját színeit. |
| **Active** | A kijelölt lehetőség színei: **Text** és **Background**. |
| **Radius** | Az egyes lehetőségek sarkainak lekerekítése, `0` (szögletes) és `999` (teljesen kerek vég) között. Az alapérték `999`, ami teljesen lekerekített pirulákat ad. |

### Repeater szakasz

Csak sor-, oszlop- vagy csoportrétegnél. A sort, oszlopot vagy csoportot sablonná alakítja, ami a WooCommerce-lista (termékek, értékelések, galériaképek, kosárelemek) minden eleméhez egyszer ismétlődik. Az ismétlődő rétegen belüli rétegek az egyes elemek adatait a metaböngésző változóin keresztül olvassák.

A **Repeat this Group** kapcsoló felirata a kijelölt réteghez igazodik (**Repeat this Row**, **Repeat this Column**, **Repeat this Group**). A kapcsoló zárolt, az ok a fölé vitt egérre kiírva, ha a réteg nem ismételhető:

- A közvetlenül a diára tett csoport nem ismételhető, mert az ismétlődő csoportok relatív pozicionálást igényelnek. Tedd egy oszlopba.
- Az ismétlődő rétegen belüli vagy azt tartalmazó réteg nem ismételhető, mert egy ismétlő nem futhat egy másikon belül.

Egy csoport kapcsolójának bekapcsolása a csoportot relatív pozicionálásra állítja.

| Beállítás | Mikor látszik | Mit csinál |
| --- | --- | --- |
| **Repeat this Group** | Mindig | Bekapcsolva a réteg a **Repeat** szerinti lista minden eleméhez ismétlődik, kikapcsolva egyszer látszik. |
| **Repeat** | Bekapcsolt kapcsolónál | Melyik lista elemeihez ismétlődik: lásd lent. A termékhez tartozó listák (például **Product Gallery**, **Related Products**) a **Product** szakaszban megadott terméket használják. |
| **Attribute** | **Repeat** értéke **Attribute Values** | Melyik WooCommerce-termékjellemző értékei szerepeljenek (például Color, Size). |
| **Max. Items** | Bekapcsolt kapcsolónál | Legfeljebb hányszor ismétlődik a réteg, `1` és `24` között. Az alapérték `5`. |
| **Stagger (ms)** | Bekapcsolt kapcsolónál | Késleltetés ezredmásodpercben az ismétlődő elemek animációinak indulása között, hogy az elemek egymás után lépjenek be. `0` (mind egyszerre) és `5000` között. |
| **List Name** | Bekapcsolt kapcsolónál | A lista neve (például „products”), hogy más rétegek a **Drives List** vagy a **Show When** beállítással szűrhessék, illetve vizsgálhassák. |
| **When Empty** | Bekapcsolt kapcsolónál | Mi történik, ha a listának nincs eleme: **Keep Module** (a modul az ismétlődő elemek nélkül látszik tovább) vagy **Hide Module** (az egész modul rejtett). |

A **Repeat** lehetőségei:

| Lehetőség | Mit ismétel |
| --- | --- |
| **Products** | A **Query**, **Price Range**, **Filters**, **Conditions** és **Sort By** szakaszok szerinti termékeket. |
| **Variations** | A termék variációit. |
| **Product Gallery** | A termék galériájának képeit. |
| **Product Reviews** | A termék vásárlói értékeléseit. |
| **Product Options** | A termék variációs jellemzőinek értékeit, választók építéséhez. |
| **Related Products** | A WooCommerce által a termékhez kapcsolódónak listázott termékeket. |
| **Upsells** | A termékhez beállított upsell (drágább alternatíva) termékeket. |
| **Cross-Sells** | A termék keresztértékesítési (cross-sell) termékeit. |
| **Product Categories** | A bolt termékkategóriáit. |
| **Attribute Values** | Az **Attribute** szerinti jellemző értékeit. |
| **Newest Products** | A legújabb termékeket. |
| **Best Sellers** | A legtöbbet eladott termékeket. |
| **Top Rated** | A legjobb átlagértékelésű termékeket. |
| **On Sale** | Az éppen akciós termékeket. |
| **Featured Products** | A WooCommerce-ben kiemeltnek jelölt termékeket. |
| **Popular Now** | A boltban éppen népszerű termékeket. |
| **Current Catalog Results** | Az aktuális bolt-, kategória- vagy keresési eredményoldal termékeit. |
| **Items in the Cart** | A látogató kosarában lévő termékeket. |

Ha a **Repeat** értéke **Products**, további szakaszok látszanak:

| Szakasz | Beállítás | Mit csinál |
| --- | --- | --- |
| **Query** | **Categories** | Mely termékkategóriákból jönnek a termékek. Üresen hagyva minden kategória. |
| **Price Range** | **Price From**, **Price To** | A listázott termékek legalacsonyabb és legmagasabb rendes ára. |
| **Price Range** | **Sale Price From**, **Sale Price To** | A listázott termékek legalacsonyabb és legmagasabb akciós ára. |
| **Filters** | **In Stock Only** | Bekapcsolva csak készleten lévő termékek szerepelnek. |
| **Filters** | **Featured Only** | Bekapcsolva csak kiemelt termékek szerepelnek. |
| **Conditions** | **Add Condition** | Új feltételsort ad. Csak a minden feltételt teljesítő termékek szerepelnek. |
| **Sort By** | **Sort by** | Melyik termékjellemző szerint rendezi a listát. |
| **Sort By** | **Sort Order** | A rendezés iránya: **Descending** (számok nagyobbtól kisebb felé, dátumok újtól régi felé, szöveg Z-től A-ig) vagy **Ascending** (fordítva). |

A **Conditions** egy sorában egy legördülő lista adja a vizsgált mezőt, egy másik az összehasonlítás módját, egy vezérlő az összehasonlítandó értéket (például **Choose Product**), és egy **×** gomb törli a sort. A vizsgálható mezők:

| Mező | Mit csinál |
| --- | --- |
| **Product** | Csak a kiválasztott termékeket listázza, vagy sosem listázza őket (**Is One Of** vagy **Is Not One Of**). |
| **Not the Product of this Page** | Kihagyja annak az oldalnak a termékét, amelyen a modul áll, például hogy egy termékoldalon a többi terméket listázza. |
| **Attribute** | A termékeket egy jellemző értékei szerint listázza (**Is One Of** vagy **Is Not One Of**). |
| **Tag** | A termékeket címke szerint listázza (**Is One Of** vagy **Is Not One Of**). |
| **Brand** | A termékeket márka szerint listázza (**Is One Of** vagy **Is Not One Of**). |
| **On Sale Only** | Csak az akciós termékeket listázza. |
| **Rating** | Azokat a termékeket listázza, amelyek átlagértékelése **At Least** a megadott érték. Kezdőérték: `4`. |
| **Published** | Azokat a termékeket listázza, amelyeket **Within the Last** a megadott napszámon belül adtak hozzá. Kezdőérték: `30`. |
| **Stock** | Azokat a termékeket listázza, amelyek készletállapota **Is One Of** a kiválasztott állapotok közül. Kezdőérték: készleten. |
| **Skip** | Kihagyja az első **The First** megadott számú terméket, például egy másik ismétlőben megkezdett lista folytatásához. |
| **Custom Field** | Egy termék egyéni mezőjét hasonlítja össze: **Is**, **Is Not**, **Greater Than**, **Less Than**, **Contains**, **Exists** vagy **Does Not Exist**. |

A **Sort by** lehetőségei: **Regular Price**, **Sale Price**, **Sales** (eladott darabszám), **SKU**, **Stock Quantity**, **Product ID**, **Date** (közzététel dátuma), **Title** (terméknév), **Modified Date** (utolsó módosítás dátuma), **Reviews** (értékelések száma), **Random**, **Custom Order** (a WooCommerce-ben megadott egyéni sorrend).

### Filter szakasz

Összeköti a réteget egy listával vagy termékhellyel a modulban, hogy a rá kattintás szűrje a listát vagy kicserélje a mutatott terméket. Mindkét beállítás a réteg gyermekeire is érvényes.

- **Drives List**: egy ismétlődő réteg **List Name** értékét add meg (például „products”). Ha a réteg vagy egy benne lévő elem megkattintásra kerül, szűri azt a listát. Például ismételj egy csoportot a **Product Categories** szerint, és állítsd a **Drives List** értékét egy **Products** ismétlő nevére, így egy kategóriára kattintva csak annak a kategóriának a termékei látszanak.
- **Shows Product In**: egy modul, dia vagy réteg **Product Slot** nevét add meg (például „quickview”). A rétegre kattintva a terméke betöltődik abba a helyre.

## Commerce metaváltozók

A metaböngésző megnyitása: Tervezési módban jelölj ki egy szövegréteget, kattints a **Réteg** fülre, majd a **Text** szakasz **Meta** gombjára.

A kiegészítő WooCommerce termék-, ár-, készlet-, kosár- és variációmetákat ad a metaböngészőhöz. A kiegészítőt használó rétegen a **Meta** gombon kosárikon és a „Commerce Meta” súgószöveg látszik. A metára kattintva beszúrod a réteg szövegébe, az éles oldalon pedig a réteg termékéből származó érték váltja fel, amit a **Commerce** panelen adtál meg.

A nevük végén „(1 or empty)” szöveget viselő metaváltozók igaz esetén `1`-et adnak, hamisnál semmit. Párosítsd őket a **Show When** **Content Not Empty** értékével, hogy a réteg csak akkor látsszon, ha a feltétel igaz.

A lenti metákat a kiegészítő adja. A **Product** csoportot és a szokásos WooCommerce-metákat (például **Full Price**, **SKU**, **Star Rating**) maga a Slider Revolution tartalmazza.

**WooCommerce Basics**

| Meta | Változó | Mit ad |
| --- | --- | --- |
| Brand | `{{wc_brand}}` | A termék márkája. |
| First Category | `{{wc_category}}` | A termék első kategóriájának neve. |
| Featured (1 or empty) | `{{wc_featured}}` | `1`, ha a terméket kiemeltnek jelölték. |
| Popular (1 or empty) | `{{wc_popular}}` | `1`, ha a terméket népszerűnek jelölték. |
| Date Added | `{{wc_date_created}}` | A termék hozzáadásának dátuma. |
| Any attribute (use its slug) | `{{wc_attr_color}}` | A termék értéke egy jellemzőre. A `color` helyére a jellemző URL-azonosítóját (slug) írd. |
| Product Image URL | `{{media}}` | A termék fő képének URL-je. |
| Product Thumbnail URL | `{{thumb}}` | A termék bélyegképének URL-je. |
| Gallery Image URL (1st, 2nd, …) | `{{wc_gallery_url_1}}` | Egy galériakép URL-je. Az `1` helyére a kép galériabeli sorszámát írd. |
| Gallery Image Tag (1st, 2nd, …) | `{{wc_gallery_1}}` | Egy galériakép HTML képcímkeként. Az `1` helyére a kép sorszámát írd. |

**WooCommerce Prices**

| Meta | Változó | Mit ad |
| --- | --- | --- |
| Regular Price | `{{wc_regular_price}}` | A termék rendes ára. |
| Sale Price | `{{wc_sale_price}}` | A termék akciós ára. |
| Price Now (Lowest) | `{{wc_price_from}}` | A termék jelenlegi eladási ára. Változó terméknél a legalacsonyabb variációár. |
| On Sale (1 or empty) | `{{wc_on_sale}}` | `1`, ha a termék akciós. |
| Sale Badge (-20% or empty) | `{{wc_badge_sale}}` | Az akciós kedvezmény százalékban, például „-20%”. Üres, ha a termék nem akciós. |
| Currency Code | `{{wc_currency}}` | A bolt pénznemkódja, például „HUF”. |
| Currency Symbol | `{{wc_currency_symbol}}` | A bolt pénznemjele. |
| Sale Starts | `{{wc_sale_from}}` | Az ütemezett akció kezdetének dátuma. |
| Sale Ends | `{{wc_sale_to}}` | Az ütemezett akció végének dátuma. |
| Sale Ends (Countdown) | `{{wc_sale_to_ts}}` | Az akció végének időpontja időbélyegként, visszaszámláló rétegekhez. |

**WooCommerce Stock**

| Meta | Változó | Mit ad |
| --- | --- | --- |
| Stock Status (instock, outofstock, onbackorder) | `{{wc_stock_status}}` | A termék készletállapota a három érték egyikeként. |
| Units Sold | `{{wc_total_sales}}` | Az eladott darabszám. |

**WooCommerce Cart**

| Meta | Változó | Mit ad |
| --- | --- | --- |
| Items in Cart | `{{wc_cart_count}}` | A látogató kosarában lévő tételek száma. |
| Cart Total | `{{wc_cart_total}}` | A látogató kosarának teljes értéke. |

**WooCommerce Variations**: ezek a meták a réteg **Variation** beállítása által kiválasztott variációt olvassák.

| Meta | Változó | Mit ad |
| --- | --- | --- |
| Variation Name | `{{wc_var_name}}` | A variáció neve. |
| Variation Price | `{{wc_var_price}}` | A variáció jelenlegi ára. |
| Variation Regular Price | `{{wc_var_regular_price}}` | A variáció rendes ára. |
| Variation Sale Price | `{{wc_var_sale_price}}` | A variáció akciós ára. |
| Variation SKU | `{{wc_var_sku}}` | A variáció cikkszáma. |
| Variation Label | `{{wc_var_label}}` | A variáció címkéje. |
| Variation Stock Status | `{{wc_var_stock}}` | A variáció készletállapota. |
| Variation Stock Quantity | `{{wc_var_stock_quantity}}` | A variáció készletmennyisége. |
| Variation Image URL | `{{wc_var_image}}` | A variáció képének URL-je. |
| Variation URL | `{{wc_var_link}}` | A termékoldal URL-je a kiválasztott variációval. |
| Variation Add to Cart URL | `{{wc_var_add_to_cart}}` | A variációt a kosárba tevő URL. |

**Ismétlő elemek metái.** Ismétlődő rétegen belül a metaböngésző az ismételt elemfajtához való metákat listázza. A terméklisták (például **Products**, **Related Products**) a fenti termékmetákat használják. A többi lista a lenti metákat. Mindegyik lista kínálja még a **Position in List** `{{index}}` (az elem helye a listában) és az **Entries in List** `{{total}}` (a lista elemeinek száma) metát.

| Elem (a **Repeat** értéke) | Metaváltozók |
| --- | --- |
| Galériakép (**Product Gallery**) | Image URL `{{media}}`, Caption `{{excerpt}}`, Product Name `{{title}}`, Product Link `{{link}}` |
| Értékelés (**Product Reviews**) | Reviewer `{{title}}`, Review Text `{{excerpt}}`, Rating (1 to 5) `{{meta:rating}}`, Verified Buyer (1 or empty) `{{meta:verified}}`, Review Date `{{meta:date}}`, Product Name `{{meta:category}}`, Review Link `{{link}}`, Reviewer Avatar URL `{{media}}` |
| Lehetőség (**Product Options**) | Value `{{title}}`, Attribute Name `{{meta:category}}`, Attribute Slug `{{meta:attribute}}`, Value Slug `{{meta:slug}}`, Swatch Colour (hex, or empty) `{{meta:color}}`, Available (1 or empty) `{{meta:available}}`, Value Description `{{excerpt}}`, Value Image URL `{{media}}` |
| Kategória (**Product Categories**) | Category Name `{{title}}`, Category Description `{{excerpt}}`, Products in Category `{{count}}`, Parent Category `{{meta:category}}`, Category Link `{{link}}`, Category Image URL `{{media}}` |
| Kosárelem (**Items in the Cart**) | Product Name `{{title}}`, Quantity `{{meta:quantity}}`, Line Total `{{meta:price}}`, SKU `{{meta:sku}}`, Chosen Variation `{{excerpt}}`, Product Link `{{link}}`, Image URL `{{media}}` |
| Jellemzőérték (**Attribute Values**) | Value `{{title}}`, Attribute Name `{{meta:category}}`, Value Slug `{{meta:slug}}`, Swatch Colour (hex, or empty) `{{meta:color}}`, Products with this Value `{{count}}`, Shop Filtered to this Value `{{link}}`, Value Description `{{excerpt}}`, Value Image URL `{{media}}` |