FluentCart-elemek az Elementorhoz

Az Elementor-kiegészítő a FluentCart elemeit az Elementor szerkesztőjébe teszi. Két kategóriát kapsz:

• FluentCart: tizenhét áruházszintű elem, amelyeket bármelyik oldalra húzhatsz, például a nyitóoldalra, a boltoldalra, a fejlécbe, a láblécbe vagy egy saját nyitóoldalra. Termékmegjelenítést, kosarat, pénztárat, a vásárlás utáni nyugtát, a vásárlói fiókot, a navigációt, a márkajelzést és az egyben látható Product Info összegzést fedik le.
• FluentCart Product: kilenc, az Elementor Pro Theme Builderéhez készült elem. Egytermékes sablonban, archívumsablonban vagy sablonrészben használd őket: a jelenlegi termék adatait maguktól olvassák, ezért ugyanaz a sablon a teljes kínálatodon működik.

A kilenc termékelem akkor működik a legjobban, ha a Source beállításuk a Theme Builder-sablonban Current Product. A Custom értékkel szerkesztés közben egy konkrét termék előnézetét láthatod.

Az Elementor-blokkok bekapcsolása

Az elemekhez az Elementor-blokkok kiegészítőt kell bekapcsolni. Az Elementor legalább 3.34-es verziójú legyen.

1. Nyisd meg a FluentCart Pro → Beállítások → Funkciók és kiegészítők oldalt.
2. Görgess a Bővítmény-kiegészítők részhez.
3. Az Elementor-blokkok kártyán kattints a Telepítés és aktiválás gombra.

https://minta-bolt.hu/wp-admin/admin.php?page=fluent-cart

A Bővítmény-kiegészítők részben a kártyák alatt az Elementor-blokkok, a FluentCart Bricks Blocks és a FluentCart Divi Modules sorok vannak, mindegyiken Telepítés és aktiválás gombbal.

Elem hozzáadásához nyiss meg egy oldalt az Edit with Elementor gombbal, keress rá az elem nevére az Elements panelen, és húzd a vászonra. A legtöbb elemnek három füle van: Content (a tartalom), Style (a stílus) és Advanced (a szokásos Elementor margó-, kitöltés- és reszponzív láthatósági beállítások).

Az Elementor-blokkok kiegészítő az ingyenes FluentCarton is elérhető, nem csak a Pro-n, és egy kattintással települ. A bekapcsolása három dolgot ad:

• Két új elemkategóriát az Elementor szerkesztőjében: FluentCart az áruházszintű, FluentCart Product az egytermékes elemeknek.
• Nyolc kész oldalsablont az Elementor sablonkönyvtárában, hogy üres vászon helyett kész tervből indulhass.
• Egy FluentCart Product sablonrészt az Elementor Theme Builderében, hogy egyetlen terméktervet alkalmazhass az egész kínálatodra (ehhez Elementor Pro kell).

Az elemek megkeresése a szerkesztőben

1. Nyiss meg egy oldalt vagy sablont az Elementorban, és nyisd meg az Elements panelt (a rács ikon a bal felső sarokban).
2. Írd a keresőbe: „FluentCart”, vagy görgess a FluentCart kategóriákhoz.

A FluentCart kategória az áruházszintű elemeket tartalmazza: termékrácsok, körhinták, minikosár, kosár, pénztár, rendelési nyugta, vásárlói fiók, kereső, áruházlogó, kapcsolódó termékek és az egyben látható Product Info blokk. A FluentCart Product kategória az egytermékes sablonok elemeit adja az Elementor Pro Theme Builderében: cím, galéria, ár, készlet, cikkszám, csomagleírás, kivonat, tartalom és vásárlási rész.

Kész oldalsablonok

A kiegészítő nyolc kész FluentCart-oldalsablont ad az Elementor saját sablonkönyvtárához. Mindegyik teljes, előre megtervezett elrendezés a FluentCart elemeivel: beszúrod, kicseréled a tartalmat, és kész az oldal.

Sablon	Mit tervez
FluentCart - Shop	A fő boltoldal a termékrácsot és a szűrőket tartalmazza
FluentCart - Single Product	Egyetlen termékoldal elrendezése
FluentCart - Product Category	A kategóriaoldal
FluentCart - Cart	A kosároldal
FluentCart - Checkout	A pénztároldal
FluentCart - Thank You	A vásárlás utáni rendelési nyugta oldala
FluentCart - Customer Dashboard	A vásárlói fiók területe
FluentCart - Campaign Landing	Promóciós nyitóoldal egyetlen ajánlathoz vagy kampányhoz

Sablon beszúrása

1. Hozz létre egy oldalt, és kattints az Edit with Elementor gombra.
2. Az üres vásznon kattints a mappa ikonra (Add Template).
3. Nyisd meg a My Templates fület. A FluentCart-sablonok oldalsablonként vannak regisztrálva, egy FluentCart kategóriában, mindegyik kártyán előnézeti képpel.
4. Keresd meg a kívánt sablont (mind „FluentCart -” előtaggal kezdődik, így együtt rendeződnek), és kattints az Insert gombra.
5. Az Elementor megkérdezi, alkalmazza-e a sablon oldalbeállításait. Bármelyik válasz jó, az igen áll legközelebb az eredeti tervhez.

A beszúrás után minden közönséges Elementor-elrendezés: bármelyik elemet átszerkesztheted, a felesleges szakaszokat törölheted, a megjelenést a márkádhoz igazíthatod.

Utána jelöld ki a FluentCartnak ezeket az oldalakat: a FluentCart Pro → Beállítások → Oldalak beállítása részen rendeld hozzá mindegyiket a megfelelő szerephez, hogy a bolt, a kosár, a pénztár és a fiók hivatkozásai az új tervekre mutassanak. Részletek az Oldalak fejezetben.

A sablonok maguktól települnek. A sablonkészlet a kiegészítő aktiválása utáni első adminisztrátori admin-betöltéskor kerül az Elementor könyvtárába, importálni nem kell. Ehhez az Elementornak aktívnak kell lennie: ha előbb a FluentCart kiegészítőt aktiválod, a sablonok akkor jelennek meg, amikor az Elementor is fut. A sablonokat létrehozó folyamat megjelöli a tételeit, és csak azokhoz nyúl; a saját mentett sablonjaidat soha nem módosítja, nem nevezi át és nem törli.

Az oldalt szerkeszd, ne a könyvtári tételt. Ha egy későbbi frissítés módosított elrendezést hoz, a folyamat a saját könyvtári tételeit helyben felülírja, ezért a könyvtárban a sablonon végzett módosításaid elvesznének. Az oldalaidat ez soha nem érinti, mert a beszúrás a sablont az oldalra másolja, és ez a másolat már a tiéd. Ezért előbb szúrd be, aztán szabd testre az oldalon, a könyvtári tételeket pedig kezeld csak olvasható kiindulópontként.

Terméktervezés az Elementor Theme Builderrel

Az oldalsablonokon túl a kiegészítő egy FluentCart Product sablonrészt is regisztrál az Elementor Theme Builderében. Így egyszer megtervezel egy termékelrendezést, és az egész kínálatra alkalmazod, ahelyett hogy minden terméket kézzel raknál össze. A Templates → Theme Builder oldalon a FluentCart Product a Header, a Footer, a Single Post és a többi sablonrész mellett látszik.

A Theme Builder Elementor Pro funkció, ezért a FluentCart Product sablonrész csak akkor jelenik meg, ha az Elementor Pro (vagy a ProElements) aktív. Az elemek és a kész oldalsablonok az ingyenes Elementorral is működnek.

Sablon építése:

1. Nyisd meg a Templates → Theme Builder oldalt, és kattints a FluentCart Product pontra.
2. Kattints a + gombra új sablon indításához.
3. Építsd fel az elrendezést a FluentCart Product elemekkel: cím, galéria, ár, készlet, cikkszám, kivonat, vásárlási rész és a többi. A szerkesztőpanel megnyitja a FluentCart Product kategóriát, alatta pedig az áruházszintű FluentCart kategória áll. Állítsd minden elem Source beállítását Current Product értékre, hogy a sablon azt a terméket olvassa, amelyet éppen néznek.
4. Kattints a Publish gombra, és add meg a megjelenítési feltételeket.

Megjelenítési feltételek

A FluentCart saját feltételeket ad, hogy a sablon a megfelelő oldalakra kerüljön:

• FluentCart → All Products: a sablon minden termékoldalra vonatkozik.
• FluentCart → Products: egyetlen konkrét termékre vonatkozik, így egy zászlóshajó terméknek külön tervet adhatsz.
• Archive → FluentCart Product Archives: az archívumsablont a FluentCart kategória- és márkaoldalaira alkalmazza.

Az Elementor Pro beépített „Products Archive” feltétele csak a WooCommerce-t ismeri fel, ezért a FluentCart kategória- és márka-URL-jeire soha nem illeszkedik. Archívumsablonhoz a FluentCart Product Archives feltételt használd.

Több termékes sablont is készíthetsz, és különböző termékekhez vagy terméktípusokhoz rendelheted: a legpontosabban illeszkedő feltétel nyer.

Mi lesz a FluentCart alapelrendezésével

A FluentCart alapból a saját terméklapjait, kategória- és márkaarchívumait jeleníti meg. Amint egy Elementor-sablon lefoglal egy oldalt, a FluentCart magától átadja a helyet, külön beállítás nincs:

• Ha közzéteszel egy FluentCart Product sablont, amelynek feltételei egy termékre illenek, a FluentCart azon az oldalon nem jeleníti meg a beépített termékelrendezést, hanem az Elementor-terved látszik.
• Ha közzéteszel egy archívumsablont a FluentCart Product Archives feltétellel, a FluentCart tartalék archívumsablonja átadja neki a helyet azokon az oldalakon, amelyekre illik.

A sablonjaid által nem érintett termékek és archívumok megtartják az alapelrendezést, így egyedi tervet bevezethetsz a kínálat egy részén, anélkül hogy mindent újratervezned kellene. Ha a sablont visszavonod vagy törlöd, az alapelrendezés azonnal visszatér.

Áruházszintű elemek (FluentCart kategória)

1. Add to Cart

Egyetlen Add to Cart gombot tesz az oldalra, amelyre kattintva a vevő az oldal elhagyása nélkül kosárba teheti a kiválasztott terméket vagy változatot.

• Content: a Select Product Variation kereshető mezővel választod ki a terméket vagy változatot, a Button Text a gomb felirata (alapérték: Add to Cart).
• Style: a gomb betűtípusa, háttér- és szövegszíne, kerete, rámutatási állapota és kitöltése.

2. Buy Now Button

Rövidítés, amely a vevőt a kosár érintése nélkül közvetlenül a pénztárba viszi. Egyetlen ajánlatra épülő nyitóoldalra való.

• Content: Select Product Variation a termék vagy változat kiválasztására, Button Text a felirathoz (alapérték: Buy Now), Enable Modal Checkout: bekapcsolva a pénztár felugró ablakban nyílik az aktuális oldal fölött, kikapcsolva a vevő a normál pénztároldalra irányul.
• Style: háttér- és szövegszín, betűtípus, keret és rámutatási hatások.

3. Mini Cart

Kompakt kosárikon, amely általában a fejlécben ül. A vevő az oldal elhagyása nélkül látja a kosár tételeinek számát és a végösszeget.

• Style: a beállítások nagy része a Cart Icon Style csoportban van. A States külön stílust enged a Normal és a Hover állapotnak. A betűtípust, a szövegszínt és az ikon színét is állíthatod. A Container Style csoportban a Background Type (Classic vagy Gradient), a Border Type, a Border Radius és a Box Shadow állítható.
• Advanced: a kitöltés és a margó finomhangolása, hogy az ikon illeszkedjen a fejléc többi eleméhez.

4. Cart

A teljes FluentCart-kosarat jeleníti meg: tételsorok, mennyiségek, tételenkénti összegek, kosárösszegzés és az üres kosár állapota. Egyéni kosároldal építéséhez használd az alapértelmezett helyett.

• Content: nincs mit beállítani, az elem az élő kosarat mutatja, és a működése a FluentCart magjából jön.
• Style: két csoport. Az Item Row a sorok Background Color, Border Radius, Padding és Row Spacing értékeit adja. A Checkout Button a szöveg- és háttérszínt Normal és Hover állapotra, valamint a lekerekítést és a kitöltést.

5. Products

A boltoldalak fő eleme: a termékkínálatot rácsban vagy listában mutatja, szűrőkkel, rendezéssel és lapozással.

• General Settings: Products Per Page, a View Mode (Grid vagy List), a Grid Columns, a Pagination Type (Infinite Scroll, Load More vagy számozott oldalak), a Price Format, az Order By és az Order, valamint a Use Default Style kapcsoló, amellyel a FluentCart beépített stílusát alkalmazod.
• Shop Layout: a termékrács térközei és elrendezése.
• Product Card Layout: a termékkártyán megjelenő elemek (kép, cím, kivonat, ár, értékelés, gomb). Az értékelés elemről az Értékelési elemek fejezetben olvashatsz.
• Filter Settings: oldalsávos szűrő bekapcsolása, amellyel a vevők kategória, ár vagy tulajdonság szerint szűkítik a listát.
• Style: betűtípusok, kártyaszínek, gombszínek és rácstávolságok.

6. Product Card

Egyetlen terméket jelenít meg kártyaként, ugyanabban az elrendezésben, mint a Products rácsa, de olyan termékkel, amelyet te választasz ki. Kiemelt termék bárhol az oldalon.

• Content: Select Product a termék kiválasztására, Price Format az ár megjelenéséhez (például a változatos terméknél Starts From), Card Layout a kártya elemeihez (kép, cím, ár, gomb és így tovább).
• Style: betűtípus, szín, térköz, a kártya háttere és kerete.

7. Product Carousel

Nyitóoldalra vagy nyitóoldali sávra való, csúszó termékekkel: például „Sikerlista”, „Újdonságok” vagy szezonális kínálat.

• Select Products: a körhintában szereplő termékek.
• Carousel Settings: egyszerre látható dia, Autoplay, a diák sebessége, Infinite Loop, nyilak és lapozópontok.
• Card Layout: a körhintában a termékkártyák kinézete.
• Style: a nyilak és a lapozópontok mérete és színe.
• Advanced: belépő animációk, vagy a körhinta elrejtése adott eszközökön.

8. Product Categories List

A termékkategóriákat listázza, hogy a vevők a kínálatban eligazodjanak. Oldalsávban, mega menüben vagy kategória nyitóoldalon használható.

• Display Style: függőleges List vagy helytakarékos Dropdown.
• Show Product Count: a kategóriák mellett a termékek száma.
• Show Hierarchy: a gyermekkategóriák a szülőjük alá kerülnek.
• Show Empty Categories: a termék nélküli kategóriák is látszanak.
• Style: térközök, hivatkozásszínek, rámutatási állapotok és betűtípus.

9. Checkout

A FluentCart pénztárűrlapját teszi bármelyik oldalra. Egyoldalas pénztárhoz, kijelölt nyitóoldalakhoz és egyéni ajánlati folyamatokhoz való.

• General Settings: One Column vagy Two Column elrendezés, a Form Column Width és a Summary Column Width, a Column Gap, és a Use Default FluentCart Styles kapcsoló a beépített külső alkalmazásához.
• Products: (FluentCart Pro kell hozzá.) A Checkout Source Default Cart értéknél a vevő kosarát fizetteti ki, Custom Product értéknél a vevők az általad megadott termékek közül választanak közvetlenül a pénztáron. Custom Product esetén a Products alatt add hozzá a felkínált változatokat, majd a Selection Mode legyen Select one (rádiógombok) vagy Select many (jelölőnégyzetek). Select many esetén a Maximum Selectable Items korlátozza az egyszerre kijelölhetők számát, a Selector Heading a lista feletti cím. Az élő pénztár a FluentCart saját elrendezését használja, ezért a szerkesztőbeli előnézet csak közelítés. Ha a FluentCart Prót kikapcsolod, a Custom Product pénztár semmit nem mutat az élő oldalon, amíg újra be nem kapcsolod; a beállításaid megmaradnak.
• Form Fields: a pénztár mezőinek testreszabása, az EU VAT szakaszt is beleértve, amely az uniós országok üzleti vevőinek áfaszám-mezőt ad. A Field Labels azt szabályozza, hogyan mutatják a mezők a nevüket, miután a vevő beírt valamit: Docked (a név jobbra), Floating (a név az érték felett) vagy Placeholder only. Ez megfelel a Gutenberg pénztárblokk mezőfelirat-stílusainak.
• Order Summary: a rendelés végösszegeinek, tételeinek és az alkalmazott kuponoknak a megjelenése.
• Layout Options: a pénztártároló térközei és szerkezete.
• Style: csak akkor érhető el, ha a Use Default FluentCart Styles értéke No. Mezőszínek, felirat-betűtípus, gombstílusok és a rendelésösszegző doboz.
• Advanced: szélesség, térköz és reszponzív viselkedés.

10. Order Receipt

A vásárlás utáni nyugtát jeleníti meg, azt a „köszönöm” oldalt, ahová a vevő a fizetés után kerül. Saját arculatú visszaigazolást készíthetsz vele az alapértelmezett oldal helyett.

• Sections: minden blokk külön megjeleníthető vagy elrejthető: Confirmation, Order Information, Order Items, Order Summary, Billing Address, Shipping Address és Actions.
• Confirmation: akkor érhető el, ha a Confirmation szakasz látszik. Egyéni Title (alapérték: Purchase Successful!) és formázott szövegű Message, amely az alapértelmezett visszaigazoló sort cseréli. Mindkettő fogad rövidkódot, például {{order.customer.first_name}}; a szerkesztő eszköztárának Short Codes gombja beszúrja őket. Üresen hagyva az alapértelmezés marad.
• Preview Settings: Preview order with → Latest Order vagy Order ID; az utóbbinál megadhatod egy konkrét rendelés azonosítóját, hogy rajta tervezz. A rendelésazonosítókat a FluentCart → Rendelések oldalon találod. Ha nincs egyező rendelés, mintanyugta látszik.
• Style: a nyugta minden része külön csoport: Confirmation (háttér, az ikon háttere, a cím színe és betűtípusa), Headings, Paragraph, Links (szín és rámutatási szín), Item Table (fejléc háttere, fejléc szövege, törzsszöveg, elválasztó színe) és View Order Button (normál és rámutatási szín, lekerekítés, kitöltés).

Az előnézeti beállítások csak a szerkesztőre vonatkoznak. Az élő oldalon a nyugta mindig a pénztár átirányító URL-jében szereplő rendelést mutatja.

11. Customer Dashboard Button

Gomb, amely a vevő fiókjára mutat. Fejlécbe, fiókterületre vagy a vásárlás utáni oldalakra tedd, hogy a bejelentkezett vevők egy kattintással a rendeléseikhez ugorhassanak.

• Display Type: Button vagy egyszerű Link.
• Label: a látható szöveg (például „Fiókom”).
• Show Icon: ikon a felirat mellett.
• Open In: Same Tab vagy New Tab.
• Style: színek, betűtípus, keretek és rámutatási állapotok.

Maga a fiókoldal a FluentCart Pro → Beállítások → Oldalak beállítása helyen állítható be.

12. Customer Dashboard

A teljes FluentCart-vásárlói fiókot jeleníti meg: vezérlőpult, rendelések, előfizetések, letöltések és profil. A be nem jelentkezett látogatók bejelentkezési felületet kapnak. Egyéni fiókoldal építéséhez való; az elem a [fluent_cart_customer_profile] rövidkód megfelelője.

• Content: nincs mit beállítani, az elrendezés és a viselkedés a FluentCart magjából jön.
• Advanced: margó, kitöltés és reszponzív beállítások.

A vezérlőpult JavaScript-alkalmazás, amely csak a nyilvános oldalon indul el, ezért az Elementor vásznán statikus elrendezés látszik „Layout preview” jelöléssel. Ez a várt viselkedés: az élő vezérlőpult megtekintéséhez nézd meg magát az oldalt.

13. Product Search Bar

Keresőmező, amellyel a vevők a webhely bármely pontjáról kereshetnek termékeket. Fejlécbe, nyitóoldali hős területre vagy külön keresőoldalra.

• Show Category Filter: beépített kategória-legördülő a keresőmező mellett.
• Link Target: a találatok Same Tab vagy New Tab lapban nyílnak.
• Link With Shop App: a sávot a beállított bolt oldalhoz köti, hogy a találatok az áruház elrendezésében jelenjenek meg.
• Style: a beviteli mező, a kategória-legördülő, a küldés gomb és a helyőrző szöveg.

14. Store Logo

A FluentCart Áruház beállításai között megadott logót jeleníti meg. Fejlécben, láblécben vagy számlasablonban használva a logó mindenhol frissül, ha megváltoztatod.

• Link: hová vigyen a logóra kattintás (Home Page vagy egyéni URL).
• Open in New Tab: a hivatkozás új lapon nyílik.
• Style: méret, legnagyobb szélesség, igazítás és sarokkerekítés.

Magát a logóképet az áruház beállításaiban állíthatod be vagy cserélheted.

15. Product Info

Egyetlen összegző elem a termék adataihoz: ahelyett, hogy tucatnyi apró elemet halmoznál egymásra, itt egy elemben állítod össze a teljes termékösszegzést (cím, ár, készlet, cikkszám, kivonat, csomagadatok és vásárlási rész), húzással átrendezhető sorokkal.

• Display → Source: a Current Product (az a termék, amelynek sablonját szerkeszted) vagy egy Custom termék.
• Sections: négy szakasz külön megjeleníthető és átrendezhető.
  • Gallery: a Show kapcsolóval a termékgaléria az összegzés felett látszik.
  • Summary Sections: húzással rendezhető lista a középső részhez. Átrendezheted, megjelenítheted vagy elrejtheted ezeket a sorokat: Title, Stock, SKU, Excerpt, Price, Package Description, Buy Section. A sor fogantyújával változtatsz a helyén, az Add Item új sort ad hozzá. A szerkesztőbeli sorrend megegyezik a megjelenő sablon sorrendjével.
  • Description: a Show a termék hosszú leírását mutatja az összegzés alatt.
  • Related Products: a Show a kapcsolódó termékek sorát mutatja alul.
• Style: minden szakasznak saját stílusa van (Title, Price, SKU, Excerpt, Description, Buy Section, Gallery), így sorok szerint állíthatod a betűtípust, a színt és a térközt.

16. Related Products

A jelenlegi termékhez kapcsolódó termékeket mutatja egy sorban. A FluentCart a közös kategóriák és címkék, valamint a termékszerkesztőben megadott kézi kapcsolatok alapján választ.

• Source: Current Product vagy Custom. Select Product: Custom esetén az a termék, amelynek kapcsolódóit előnézetben látni szeretnéd.
• Badge: az egyes kártyákon látható akciós vagy állapotjelvény.
• Style: hat csoport: Heading (szín, betűtípus, térköz), Grid (oszlopok, távolság), Card (háttér, lekerekítés, kitöltés), Product Title (szín, rámutatási szín, betűtípus), Price (szín, az eredeti ár színe) és Button, valamint a jelvény stílusa.

Bármelyik oldalon működik, nem csak termékoldalon: egytermékes Theme Builder-sablonban a Source legyen Current Product, máshol pedig Custom, ha egy adott termék kapcsolódóit akarod megmutatni.

17. Currency Switcher

Gomb, amely a vevő jelenlegi pénznemét mutatja, és megnyitja a pénznemeid listáját, hogy minden árat a választott pénznemben lásson. A FluentCart Pro és a bekapcsolt többvalutás értékesítés kell hozzá, és elrejti magát, amíg csak egy pénznem érhető el.

• Content: a Switcher Settings a gombot, a Dropdown List a listát szabályozza; mindkettőben ott a Display, a Show sign, a Show flag és a Flag position.
• Style és Advanced: a szokásos Elementor-beállítások.

Az összes lehetőséget a Többvalutás értékesítés fejezet írja le.

Termékelemek (FluentCart Product kategória)

Az alábbi kilenc elem a Theme Builder egytermékes sablonjaihoz, archívumsablonjaihoz vagy sablonrészeihez való. Mindegyik Advanced füle a szokásos Elementor-beállításokat adja.

1. Product Title

A jelenlegi termék nevét jeleníti meg; az egytermékes sablonban ez a H1.

• Source: Current Product vagy Custom.
• HTML Tag: többnyire H1 az egytermékes oldalon, H2 vagy H3 kártyában és összegző blokkban.
• Alignment: balra, középre, jobbra vagy sorkizárt.
• Style: betűtípus, szín és szövegárnyék.

2. Product Gallery

A termék képgalériája: a fő kép és a bélyegképek. Egytermékes sablonban oda teheted, ahová akarod.

• Source: Current Product vagy Custom.
• Thumbnail Position: a bélyegképek sávja a fő kép Bottom, Top, Left vagy Right oldalán.
• Thumbnail Mode: az All minden bélyegképet mutat, vagy a Max Thumbnails korlátozza.
• Scrollable Thumbnails: görgethető bélyegképek, ha több van, mint amennyi a galéria méretébe belefér.
• Max Thumbnails: a látható bélyegképek legnagyobb száma; a többi kép a See More gomb mögött érhető el.

3. Product Price

A jelenlegi termék árát mutatja. Változatos terméknél az árintervallumot jeleníti meg, és a vevő változatválasztásakor magától frissül.

• Source: Current Product vagy Custom; Custom esetén a Select Product a termék kiválasztására szolgál.
• Alignment: balra, középre vagy jobbra.
• Style: betűtípus, a rendes és az akciós ár színe, térköz.

4. Product Stock

A termék készletállapotát mutatja: In Stock, Out of Stock vagy egyéni elérhetőségi felirat.

• Source és Select Product: mint fent.
• Style: a felirat betűtípusa és az egyes készletállapotok színe.

5. Product SKU

A termék cikkszámát (SKU) jeleníti meg. Változatos terméknél a cikkszám a változat kiválasztásakor frissül.

• Source: Current Product vagy Custom.
• Show Label: felirat az érték előtt.
• Custom Label: a felirat szövege (alapérték: SKU:).
• Style: a felirat és az érték betűtípusa és színe egymástól függetlenül.

6. Product Package Description

A termék csomagadatait (a csomag neve, méretei, a termék súlya és a szállítási súly) tiszta táblázatban mutatja.

• Source: Current Product vagy Custom.
• Show Package Name: a csomagnév sora.
• Show Dimensions: a H × Sz × M méretsor.
• Show Product Weight: a termék saját súlya.
• Show Shipping Weight: a termék és a csomag együttes súlya.
• Style: sortávolság, felirat- és értékbetűtípus, elválasztó színe.

Az adat a termék Ár és szállítás beállításaiban hozzárendelt csomagból jön; lásd a Árazás, előfizetés és változatok fejezetet.

7. Product Excerpt

A termék rövid leírását jeleníti meg. Egytermékes sablonban a vásárlási rész fölé tedd, archívumsablonban rövid ízelítőnek.

• Source: Current Product vagy Custom.
• Alignment: balra, középre, jobbra vagy sorkizárt.
• Style: betűtípus, szín és térköz.

8. Product Buy Section

A teljes vásárlási blokk egyetlen elemben: változatválasztó, ár, mennyiségmező, Buy Now és Add to Cart gomb. Az egytermékes sablonba húzva mindent megad, ami a vásárláshoz kell.

• Source: Current Product vagy Custom; Custom esetén a Select Product a kiválasztás helye.
• Style: a változatválasztó „chipek”, az ár, a mennyiségmező és mindkét gomb külön betűtípus-, szín- és térközbeállítást kap.

9. Product Content

A termék hosszú, formázott tartalmát jeleníti meg. Egytermékes sablonban oda teheted a teljes leírást, ahová akarod, a sablon alapértelmezett elhelyezése helyett.

• Source: Current Product vagy Custom; Custom esetén a Select Product.
• Alignment: balra, középre, jobbra vagy sorkizárt.
• Style: betűtípus, hivatkozásszín és térköz.

A Related Products elem ugyanúgy termékadatot olvas, mint a fenti elemek, de az Elementor a FluentCart kategóriában listázza, nem a FluentCart Product alatt, így termékoldalon kívül is használhatod.