...
Änderungen am Warenkorb können im Widget vorgenommen werden. Alle Änderungen die am Warenkorb gemacht werden, zeigt dieser in Echtzeit an. Es ist also kein neu erneutes laden der Seite nötig.
Add-Product Widget
Das Add-Product Widget ermöglicht es Produkte in den Warenkorb zu legen. Aktuell kann dieser CTA-Button nicht verändert werden.
Zahlungsabwicklung
Die Zahlungsabwicklung des Warenkorbs geschieht wie bei allen bisherigen Produktkäufen auf der Bestellseite der AffiliCon GmbH. Klickt man den Checkout-Button wird die Bestellseite der AffiliCon in einem neuen Tab geöffnet.
...
Der Warenkorb wird mittels iframes eingebunden. Diese können beliebig im Shop oder auf der Produkt-Landingpage positioniert werden.
Add-Product Widget einbinden
...
Das Cart Widget wird mit folgendem Code eingebunden: Über die Angaben bottom: 0px; right: 0px; kann die Position des Widgets festgelegt werden.
| Code Block | ||||
|---|---|---|---|---|
| ||||
<iframe id="cartWidget" style="position: fixed; z-index: 9999; bottom: 0px; right: 0px;" src="https://secure.affilibank.de/widget/cart?countryId={Country-Id}&vendor={Vendor}" frameborder="0"></iframe> |
...
| Platzhalter | Mögliche Werte | Beschreibung |
|---|---|---|
{Vendor} | string | Der Name/Die Id des Vendors auf der Plattform |
{Country-Id} | "de", "en", .... | Die Country-Id bestimmt in diesem Fall das LieferlandLand für die Lieferadresse. Auch die anfallende Mehrwertsteuer wird über diesen Parameter initial berechnet. Kann aber im Orderform nochmal verändert werden. |
Damit das Cart Widget die Zielseite im eingeklappten Zustand nicht mit einem transparenten Element überdeckt muss ein Javascript in die Zielseite eingebaut werden.
...