Ugrás a fő tartalomra

JavaScript kód Kosáradatok megosztásához

Több mint 3 hónappal ezelőtt frissítve

Amennyiben az OptiMonkot nem Shoprenter, Shopify, WordPress, WooCommerce, Magento vagy UNAS webshop keresztül használjuk, ahhoz, hogy a Kosárra vonatkozó szabályt állíthassunk be, szükségünk lesz egyedi kód(ok) beillesztésére, hogy meg tudjuk osztani a kosár adatokat az OptiMonk rendszerével. Ha Shoprenter, Shopify, WordPress, WooCommerce, Magento vagy UNAS webshop keresztül használjuk az OptiMonkot, ott nincs szükség egyedi kód beillesztésére, hogy hozzáférjünk kosáradatokhoz. A Kosárra vonatkozó szabály működésének a leírását itt érhetitek el.

1. Mikor érdemes megosztani a kosár adatokat?

Amennyiben szeretnél a vásárlóknak kosár tartalomtól függően kampányokat megjeleníteni. Például más akciót szeretnél azon látogatóknak megjeleníteni, akiknek üres a kosaruk, mint azoknak akinek van már bizonyos összegű termék a kosarukban.

2. Honnan tud az OptiMonk ezekről az adatokról?

Ahhoz, hogy a kosár adatokról tudomást szerezzen az OptiMonk, egy speciális, felparaméterezett Javascript-et kell meghívni.

3. Hogyan adhatom át az adatokat az OptiMonk-nak?

Amennyiben valaki egy terméket rak a kosárba, akkor egy a lentihez hasonló Javascript kódot kell lefuttatni:

<script type="text/javascript">    if (window.OptiMonk || window.OptiMonkEmbedded ) {       var OM = window.OptiMonk || window.OptiMonkEmbedded;       var adapter = OM.Visitor.createAdapter();       adapter.Cart.add('{{ cartProductID }}', {quantity:{{ cartProductQty }}, price:{{ cartProductPrice }}});    } </script>

Amennyiben nem csak alapadatokat szeretnénk átadni az egyes termékekkel kapcsolatban, akkor a lent látható Javascript kódot kell elhelyezni az oldal forráskódjában.

<script type="text/javascript">
document.querySelector("html").addEventListener("optimonk#ready", function () {
var adapter = OptiMonk.Visitor.createAdapter();
adapter.Cart.add('product1', {quantity:3, price:1000, color:'blue' });
adapter.Cart.add('product2', {quantity:2, price:1000, color:'red' });
});
</script>

A példában két kosárban lévő termék kerül definiálásra, amelyek azonosítója „'product1'” és a „'product2'”, a termékekhez rendre 3-3 egyedi változó került még átadásra. Egy terméknél a mennyiség (quantity) és az ár (price) kötelező változók, ezért ezeket mindig át kell adni, azonban ezek mellett még tetszőlegesen sok változó definiálható.

Adott termék törlése OptiMonk kosárból:

<script type="text/javascript">    if (window.OptiMonk || window.OptiMonkEmbedded ) {       var OM = window.OptiMonk || window.OptiMonkEmbedded;       var adapter = OM.Visitor.createAdapter();       adapter.Cart.remove('{{ cartProductID }}');    } </script>

Teljes OptiMonk kosár törlése:

<script type="text/javascript">    if (window.OptiMonk || window.OptiMonkEmbedded ) {       var OM = window.OptiMonk || window.OptiMonkEmbedded;       var adapter = OM.Visitor.createAdapter();       adapter.Cart.clear();    } </script>

Amennyiben aszinkron történik a kosár kezelése, úgy a megfelelő műveletek előtt szükséges az 'OptiMonk.Visitor' objektum vizsgálata:

<script type="text/javascript">
if (
typeof window.OptiMonk !== 'undefined' &&
typeof window.OptiMonk.Visitor !== 'undefined
) {
var adapter = OM.Visitor.createAdapter(); adapter.Cart.add('{{ cartProductID }}', {quantity:{{ cartProductQty }}, price:{{ cartProductPrice }}}); } </script>
  • Kosár érték

  • Kosárban lévő termékek száma

  • Kosárban lévő termék fajták száma

A kosárban lévő termékekre vonatkozó szabályoknál 5 dolgot kell beállítani:

  1. a termékek milyen halmazára nézzük az adott szabályt (mindegyikre, legalább egyre, egyikre sem)

  2. változó neve

  3. ki kell választani, hogy a változó értéke milyen típusú (szöveg vagy szám)

  4. meg kell adni az összehasonlítás módját (egyenlő, nem egyenlő, tartalmazza, nem tartalmazza, be van állítva, nincs beállítva, nagyobb mint, misebb mint, nagyobb vagy egyenlő mint, kisebb vagy egyenlő mint)

  5. meg kell adni, hogy milyen értékkel történjen meg az összehasonlítás

Példa:

A termékek közül legalább egyre igaz a következő: A color változó értéke, amely egy szöveg, egyenlő blue

Ha további kérdésed lenne vagy bármiben tudunk segíteni, kérlek fordulj hozzánk bizalommal a [email protected] címen :)

Választ kapott a kérdésére?