...
Der eingebundene Warenkorb funktioniert mittels Websockets und iframes. Das Add-Product Widget sendet einen Request an das System der AffiliCon. Die AffiliCon informiert daraufhin das Cart Widget über die Änderung. Das Cart Widget befragt fragt daraufhin die AffiliCon API nach den neuen Werten.
Technische Integration des Warenkorbs
...
Das Add-Product Widget wird mit folgendem code eingebunden Code eingebunden:
| Code Block | ||||
|---|---|---|---|---|
| ||||
<iframe style="width: 200px; height: 100px;" src="https://secure.affilibank.app/widget/cart/add?productId={Produkt-Id}&countryId={Country-Id}" width="400" height="250" frameborder="0"></iframe> |
Folgende Platzhalter sind enthalten und müssen vom Programmier im code ersetzet werden ersetzt werden:
| Platzhalter | Mögliche Werte | Beschreibung |
|---|---|---|
{Produkt-Id} | Alle unsigned integer | Die Product-Id kann aus dem MY-Bereich ermittelt werden. Die Product-Id steht an jedem Produkt in der Produktübersicht. |
{Country-Id} | "de", "en", .... | Die Country-Id ist die Sprache in der das Add-Product Widget geladen wird. |
...
Das Cart Widget wird mit folgendem code eingebunden Code eingebunden:
| Code Block | ||||
|---|---|---|---|---|
| ||||
<iframe id="cartWidget" style="position: fixed; z-index: 9999; bottom: 0px; right: 0px;" src="https://secure.affilibank.app/widget/cart?countryId={Country-Id}&vendor={Vendor}" frameborder="0"></iframe> |
...