Montag bis Freitag 09:00 - 15:00 Uhr
Forum
 
06.08.2012, 15:30

Bestellliste = mehrere Favoriten-Artikel gleichzeitig in den Warenkorb legen!

Sehr geehrte Kunden,

heute stellen wir Ihnen wieder ein neues Feature Ihres Shopsystems vor.

Vielen ist bereits die Funktion "pers. Artikel oder Favoritenartikel" bekannt. Als Ergänzung dazu haben wir im Kundenauftrag die Funktion Bestellliste entwickelt, in der der Besucher direkt mehrere Artikel auf einmal (die er also zuvor zu den Favoriten gelegt oder schon mal eingekauft hatte), aus einer Maske heraus in den Warenkorb legen kann.

Dieses Feature ist in der jetzigen Entwicklung nur für geschlossene Händlershops geeignet, da es in der Auflistung keine Preise anzeigt. Und diese sind ja aufgrund der Preisangabenverordnung gesetzlich Pflicht.

Für Händlershops ist diese Funktion so interessant, weil der Wiederverkäufer oft immer die selben Artikel bei seinem Händler kauft und es auf die Weise deutlich schneller schafft die Order durchzuführen. Diese Bequemlichkeit sorgt natürlich dafür, dass der B2B-Kunde gern wieder kommt.

Hier ein Beispiel wie es in einem Shop aussehen kann:



Auch an Größen- und Farb-Varianten haben wir bei der Entwicklung bereits bedacht:



Wenn man Verpackungseinheiten über das Feld "Anzahl je Packung" pflegt, dann wird auch wie in dem Beispiel oben direkt ein +6 als Button angeboten. Lässt sich aufgrund des flexiblen Templates ganz individuell einstellen.
Wer in Javaskript geübt ist, der könnte dort auch gleich mehrere Plus/Minus-Button je Zeile anzeigen lasen. Die Ideenliste für Verbesserungen ist sicher groß.

Die Einrichtung:

..erfolgt zunächst über das Warenkorb-Symbol > Login-Bereich:



Indem das Wort "Bestellliste" in die Überschrift eingestellt wird, aktiviert man den Link im Shopfenster "Sie sind ONLINE". Ein Klick auf "Pflege" klappt das Formularfeld für die Pflege des Templates auf. Hier das Standard-Template, was beim Pilotkunden für diese Funktion online ist:

#a<br><br>
über unsere Bestellliste können Sie bequem mehrere Artikel gleichzeitig, die Sie in Ihrer <a href="s01.php?shopid=s01&cur=eur&sp=de&ag=1&pp=perart&ueb=pers.Artikel"><u>Favoritenliste (Persönliche Artikel)</u></a> liegen haben (z.B. weil schon mal gekauft), in den Warenkorb legen. Der Preis wird Ihnen nach dem Reinlegen in den Warenkorb angezeigt, in dem Sie die Anzahl auch wie gewohnt noch korrigieren können.<br><br>

<form method="POST" name="Bestellliste" action="#action">
<table width="100%" border=0 class=bliste>
<tr>
<th>Art.Nr.</th>
<th> </th>
<th>Name</th>
<!--<th>Anzahl je VE</th>-->
<th>Verp.-Einheit</th>
<th> </th>
<th>Anzahl</th>
<th></th>
</tr>

#zeile
<tr>
<td>#anr</td>
<td><img height=30 src=https://pic.powergap.de/#anrt.jpg onmouseover="dT(event,'<img src=https://pic.powergap.de/#anrp.jpg>','',0)" onmouseout="hT()" style="border: 1px solid #BBBBBB;"></td>
<td>#aname</td>
<!--<td align=center>#anz_je_pack</td>-->
<td align=center>#me</td>

#konf_ausblenden1
<td width=53><input type=button style="color: #666666;border: 1px solid #BBBBBB;width:33px;text-align:center;" value="- #anz_je_pack" onclick="document.getElementById('bliste_anz#cnt').value = (document.getElementById('bliste_anz#cnt').value *1) - (#anz_je_pack *1);if (document.getElementById('bliste_anz#cnt').value < 0) {document.getElementById('bliste_anz#cnt').value=0;}"></td>

<td width=70><input name="bliste_anz#cnt" id="bliste_anz#cnt" type=text value="0" style="color: #666666;border: 1px solid #BBBBBB;width:50px;text-align:center;"><input name="bliste_anr#cnt" type=hidden value="#anr"><input name="bliste_lid#cnt" type=hidden value="#lid"></td>

<td width=53><input type=button style="color: #666666;border: 1px solid #BBBBBB;width:33px;text-align:center;" value="+ #anz_je_pack" onclick="document.getElementById('bliste_anz#cnt').value = (document.getElementById('bliste_anz#cnt').value * 1) + (#anz_je_pack *1);"></td>
#konf_ausblenden2

</tr>
#zeile

#trenner
<tr><td colspan=7><img src=https://cdn.powergap.de/l1.gif height=5></td></tr>
#trenner

<tr><td colspan=7 align=right><input type=image src="#inWK_Grafik"></td></tr>
</table>
</form>

<br><br><br><br><br><br>


P.S. Das "#konf_ausblenden1" bzw. "#konf_ausblenden2" ist notwendig, damit bei Konfigurator-Artikeln, welche sich in der Bestellliste befinden, nicht direkt in den Warenkorb gelegt werden können, denn diese müssen zunächst noch konfiguriert werden!

Folgende Synonyme sind möglich:

#a = Anrede
#action = Adresse für das Formular
#inWK_Grafik = Grafik, die auch in der Artikeldetailanzeige als Standard "In den Warenkorb" Grafik hinterlegt ist.

#zeile = Anfang und Ende-Markierung für die Zeile

innerhalb der Zeile:
#anr = Artikelnummer
#aname = Artikelname
#anz_je_pack = Anzahl je Packung
#me = Mengeneinheit
#cnt = laufende Nummer der Zeile

#trenner = Anfang und Ende-Markierung für eine Trenn-Zeile, wenn von einem Artikel mehrere Farben und Größen angezeigt werden. Hilft zu einer besseren Übersicht.

#email = eMail-Adresse des eingelogten Kunden
#sp = Sprach-ID
#ag = aktuelle Artikelgruppe
#cur = aktuelle Währung
#deb_nr = Kundennummer des eingelogten Kunden

Nun muss noch über Layout > Schriften CSS > Root dieses Stück CSS eingetragen werden:

/* Formatierung Tabelle Bestellliste*/
table.bliste {border-collapse: collapse;margin: 0px;padding: 0px;}
table.bliste th {background-color: #7F7F7F;text-transform: uppercase; color: #FFFFFF; }
table.bliste th, table.bliste td {border-bottom: 1px solid #ECECEC;border-top: 1px solid #ECECEC;padding: 0.6em;vertical-align: middle;}
table.bliste tr td {background-color: #F4F4F4;}
table.bliste tr:hover td {background-color: #ECECEC; }
table.bliste tr.odd td {background-color: #FFFFFF; }
table.bliste tr.odd:hover td {background-color: #ECECEC; }
table.bliste tr.foot td {background-color: #7F7F7F;text-align: right;}
table.bliste tr.foot td div {color: #FFFFFF;}
table.bliste tr.foot td div.totalsum {border-top: 1px solid #FAC695;border-bottom: 3px double #FAC695;padding: 0px;margin: 4px 0px 4px 0px;font-size: 1.3em;font-weight: bold;}
.bliste_gr {color: #cc0000;}
.bliste_f1 {color: #cc0000;}
.bliste_f2 {color: #cc0000;}


Farblich sollte das ganze natürlich an das eigene CI angepasst werden. Wer sich da nicht selbst dran traut kann uns wie üblich damit beauftragen.

Wer weitere Synonyme programmiert haben möchte kann uns ebenso gern anschreiben. Die meisten werden wohl recht schnell umzusetzen sein. Wir bitte wie immer um Nachsicht, dass hier nicht schon von Grund auf mehr Synonyme entwickelt wurden. Es ist so, dass solche Features von einzelnen Kunden auf deren Bedürfnisse hin entwickelt werden und wir aus Kostengründen die Entwicklung daher nicht komplexer machen als für den Pilotkunden nötig.