AJAX JavaScript Shopping System - Dokumentation
Das GOWEB® AJAX Shop System ist einfach zu integrieren. Der Admin erstellt eine Seite in dem Layout in dem später der Shop auch sichtbar sein soll. Innerhalb des Layouts werden verschiedene Container (<div>) Elemente erstellt die eine feste Namensgebung besitzen damit die Artikel bzw. die Navigation auch richtig plaziert werden können.
Notwendige Container-Elemente in der HTML Datei sind:
<div id="shopnav"> - In diesem Element wird die Navigation erstellt
<div id="wklist"> - Element für das Kurzlisting des Warenkorbs
<div id="headline"> - Element für die Auflistung der Versandkosten & Mehrwertsteuer
<div id="shopcontent"> - Hier werden die jeweiligen Artikel abgebildet
weiterhin sollten Sie noch folgende Elemente definieren, deren Typ dabei freigestellt ist. Wichtig ist jedoch, dass die jeweiligen Elemente Text anzeigen könnnen.
<... id="artinbasket"> - Anzahl der Artikel die sich im Warenkorb befinden
<... id="ekwert"> - Warenwert der Artikel die sich im Warenkorb befinden
Wenn Sie Drag&Drop Funktion des Shops nutzen möchten, müssen Sie die jeweiligen Zielgebiete einer Drag&Drop Operation ein einen <div> Container einschliessen dessen Klasse als class="dragdest" definiert wird.
Der JavaScript Source des Shops und die StyleSheet Datei werden im Head Ihrer HTML Datei geladen:
...
<script language="javascript" type="text/javascript" src="./ashop.js"></script>
<link rel="stylesheet" href="./ajaxshop.css" type="text/css">
</head>
Die Zusatzfelder z.B. zum ausdrucken des Warenkorbes oder für das Kontextmenü der rechten Maustaste sind im Fussteil der HTML Datei eingebunden. Die Anweisung für diese Elemente erhalten Sie in der ausführlichen Shop Dokumentation beim Abschluss eines Partner-Modell Vertrages oder einer Exclusivnutzung des Shops
|