IBO - Vertriebspartner in Österreich             
ShopPilot.at
zurück Home     ShopPilot.at Downloads kostenlose Module Seite empfehlen Seite drucken    teilen
Ajax-Konfigurator

Einbauanleitung Ajax-Produktkonfigurator

(WICHTIG! Bevor Sie mit der Installation beginnen, erstellen Sie bitte eine Sicherungskopie Ihres Shop-Projekts.

1) die gezippte ajax-konfigurator Datei in ep-modules entpacken.
(normalerweise C:/Programme/IBO-Internet-Software/ShopPilot-Enterprise3/ep-modules)

Sollte ajax-seach bereits installiert sein, werden die neuen Dateien zusätzlich zu den vorhandenen ajax-seach Dateien
im „ajax“ Ordner angelegt.
Bei der Frage, ob die vorhandenen Dateien überschrieben werden sollen, können Sie mit „ja“ oder „nein“ antworten.
ajax-seach wird dadurch nicht verändert!

2) In Ihrem Shop-Projekt im Ordner „ajax“ befindet sich nun die Datei serialize.pm
Diese serialize.pm ins root des Projektverzeichnis verschieben und im WC bei „Dateien hinzufügen“ eintragen.

in stdall.ipl diese Codezeilen kopieren: 
<!--spmacro::module(test)
use serialize;
-->
Damit wird das serialize-Script auf allen Seiten verfügbar gemacht!


benutzerdef. Artikelfelder

ZOOM -> Datei Bild
VARIBILD -> Datei Bild
CROSS1 -> Text, Zahlen
CROSS2 -> Text, Zahlen
CROSS3 -> Text, Zahlen
KLIST1 -> Text, Zahlen
STANDARDVARI -> Text, Zahlen
VARIDESC -> Text lang
WIDTH -> Text, Zahlen
(alle – mit Ausnahme von WIDTH - “auch für Varianten“ )

ben.def. Auftragsfeld -> Positionen
ACONF -> Text lang

DB – incl. Kundendaten - neu anlegen
(vorher Daten einlesen nicht vergesen)

Nach der Modulinstallation finden Sie im „ajax“ Ordner auch die beiden Dateien stdplacecart.ipl und bestellposition.ipl
Wenn Sie diese beiden Dateien bereits in Ihrem Projekt haben, einfach den enthaltenen Code zusätzlich in Ihre Dateien kopieren.
Wenn noch nicht vorhanden: stdplacecart.ipl ins root-Verzeichnis verschieben
bestellposition.ipl in den Ordner „scripts“ verschieben“ (diesen Ordner vorher anlegen, falls nicht vorhanden) 
<!--spmacro:include(scripts/bestellposition.ipl)-->
im Headbereich der Warenkorbvorlage und den Mailvorlagen eintragen.
Beide Dateien im WC als „zusätzliche Dateien“ eintragen.

In der Warenkorbvorlage und den Mailvorlagen 
__bestellposition::printAjax_Felder__
einfügen.
(HTML-Teil in bestellposition.ipl anpassen wenn nötig)

Texte anpassen:

Im ajax-Ordner -> conf befindet sich die Datei „konfigurator_conf.js“
Öffnen Sie diese Datei mit einem Texteditor (mein bevorzuges Tool ist Notepad++ ;))
und passen Sie die angezeigten Texte nach belieben an. 
// EINSTELLUNGEN
//------------------------------------------------------------------------------------------------

//	Auswahlschritte für die Anzeige der Tabs - kein Eintrag für nicht verwendete Schritte
	var m_schritt1 = "Karosserievariante";  a)
	var m_schritt2 = "Motor/Getriebe";  b)
	var m_schritt3 = "Farbe";  c)
	var m_schritt4 = "Wunschausstattung";  d)
	var m_schritt5 = "Zusammenfassung";  e) 
	var m_schritt6 = "";

//	Text der in der Artikelbox als Überschrift angezeigt wird	
	var m_ueberschrift = "Ihre aktuelle Wahl:";   f)
//	Texte die in der Artikelbox bei den einzelnen Auswahlschritten angezeigt wird
	var m_auswahl1 = "Grundpreis: ";   g)
	var m_auswahl2 = "Motor: ";   h)
	var m_auswahl3 = "Farbe: ";   i)
	var m_auswahl4 = "Wunschausstattung: ";   j)
	var m_auswahl5 = "";
	var m_auswahl6 = "";



Seite und Artikel anlegen:

eine Katalogseite im WC (Name beliebig) anlegen und als Vorlage p_prod_conf1.html (im ajax-Ordner) eintragen.



Bei „Bild“ wird das Bild eingetragen, dass bei Aufruf der Seite oben angezeigt wird.
(zum testen finden Sie einige Bilder im „ajax“ Ordner unter PIC – können gelöscht werden, wenn nicht benötigt)

Auf dieser Seite werden die Artikel die konfiguriert werden sollen angelegt.



Artikel:
1*) Abbildung -> das kleine Vorschaubild
2*) ergaenz1 -> der Text, der im Zusammenfassungsfenster oben angezeigt wird.

Detail:
Hier als Vorlage p_prod_conf2.html (im ajax-Ordner) eintragen
(p_prod_conf1.html und p_prod_conf2.html an das eigene Shop-Design – Navigationselemente etc. - anpassen)
3*) Detailabbildung -> das große Bild oben



Benutzerdef.:
Hier werden die globalen Definitionen dieses Artikels eingetragen (Standard-Auswahl wenn vom Kunden nicht anders konfiguriert)
STANDARDVARI -> die Artikelnummer der 1. Variante eintragen

Varianten:
4*) VARIBILD -> das kleine Vorschaubild
5*) ZOOM -> das große Bild

(KLIST1 -> siehe „optionale Zusatzartikel“ weiter unten)


Auswahlmöglichkeiten definieren

Die möglichen Konfigurationselemente (Varianten) werden in cross1 – cross3 und list1 eingetragen oder importiert

cross1 (1.Wahlmöglichkeit)

Artikel: beliebige Artikelnr.
Sonst brauchen hier keine anderen Felder ausgefüllt werden - die Auswahlmöglichkeiten werden mit den Varianten definiert.

Dialog „Artikelvarianten“:
Artikelnr. – beliebig
6*) Preis: bei der 1. Variante (= Standardvariante) sollte der Preis „0“ sein (kein Aufschlag).
Bei den übrigen wird hier der Aufschlag auf die Standardvariante eingetragen.
7*) Beschreibung: dieser Text wird angezeigt

CROSS1: WICHTIG! – hier die Varianten-Artikelnr. der Variante für die DIESE Auswahl gelten soll eintragen.

8*) VARIBILD und 9*) VARIDESC sind optional – wird hier etwas eingetragen, werden Bild und Text bei der Wahl der Variante angezeigt.


cross2 (2.Wahlmöglichkeit)

Wie cross1 – beliebige Artikelnr.
Alle sonstigen Einträge nur bei den Varianten – zugeordnete Varianten-Artikelnr. (im Beispiel a1_c) wird hier bei CROSS2 eingetragen.
Auch hier sollte die erste Variante (=Standardvariante) Pries 0 – also keinen Aufschlag haben.
Die restlichen nach belieben mit oder ohne Aufschlag.
9*) ZOOM -> das große Bild oben (wird hier in der jeweils gewählten Farbe angezeigt)
10*) VARIBILD -> das kleine Vorschaubild unten



cross3 (derzeit ohne Bedeutung)

list1 (optionale Wunschausstattung)

Anders als bei den vorherigen Auswahloptionen kann der Kunde hier 0 bis alle Optionen wählen (checkbox).

Alle zur Auswahl stehenden Zusatzartikel werden in „list1“ angelegt.
Hier ist NUR die Artikel-Seite relevant.
Einzutragen sind: beliebige Artikelnr., Preis und Beschreibung.