Sehr geehrte Kunden,
heute möchten wir Ihnen zwei Verbesserungen in der Maske für den schnellen Direktkauf vorstellen.
Achtung: Wir bitten Sie Ihren Kassenausgang, bzw. die Maske für den schnellen Direktkauf zu testen! Da bei dieser Änderung Javascript eine Rolle spielt, kann es sein, dass z.B. andere (uns nicht bekannte) JS Konflikte auslösen und dazu führen, dass die Funktion nicht einwandfrei arbeitet. Beispielsweise sollte man den jquery-noConflict-Modus aus dem System entfernen oder das uralte Prototype, was nirgends mehr notwendig ist.
Bisher erfolgte die Auswahl der Zahlart über ein Dropdown und die Felder der ALA (Abweichenden Lieferadresse) waren direkt sichtbar, was die Maske größer und damit kompliziert aussehen ließ:
Ist die Packstation nicht aktiviert, so bleibt der Button selbstverständlich ausgeblendet.
Die neue Ansicht für die Auswahl der ALA ist in allen Shops der neue Standard. Auf die alte Version kann man also nicht zurückschalten. Wer Fremdsprachen nutzt, muss allerdings die Texte rasch übersetzen. Denn unser Template liefern wir nur in Deutscher Sprache aus.
Die Pflege des Templates erfolgt über: "Warenkorb-Icon" > "SSL-Bereich" > Feld "ALA_Schneller_Direktkauf_Template":
Unser Standard Template wird vorausgeliefert:
Wer die Packstation im Einsatz hat, sollte noch das Feld oben drüber (ALA_PACKSTATION_Finder) mit diesem neuen Code ausstatten:
Das sorgt für eine neue schickere Grafik der Packstation wie oben im Screen angezeigt.
Selbstverständlich kann jeder nach Belieben das Template anpassen. Über einige CSS Klassen ist man ja sehr flexibel. Da hierbei auch JQUERY als Javascript-Bestandteil zum Einsatz kam, sollte man aber über gute Javascript-Kenntnisse verfügen. Natürlich übernehmen wir auch Individualisierungen wenn nötig.
Sie aktivieren das Feature über "Sonstiges" > "Grundeinstellungen" > Abschnitt 7 > "SSL_Style_Zahlarten_Direktkauf" mit Änderung von "Dropdown" auf "CSS-Table".
Unser Standard liefert folgende Grafiken aus:
(bitte nicht wundern, diese sind deutlich größer als später angezeigt um auch auf 4K-Monitoren eine scharfe Grafik anzuzeigen)
img/pg_zahlart1.png:
img/pg_zahlart2.png:
img/pg_zahlart3.png:
img/pg_zahlart4.png:
img/pg_zahlart5.png:
img/pg_zahlart6.png:
img/pg_zahlart7.png:
img/pg_zahlart8.png:
img/pg_zahlart9.png:
Wer American Express im Einsatz hat, sollte die Grafik austauschen gegen:
img/pg_zahlart9b.png:
Oder für Klarna Rechnung und Ratenkauf:
img/pg_zahlart6b.png:
img/pg_zahlart7b.png:
Sollte es Fragen zum Update geben, so scheuen Sie bitte nicht uns zu kontaktieren.
heute möchten wir Ihnen zwei Verbesserungen in der Maske für den schnellen Direktkauf vorstellen.
Achtung: Wir bitten Sie Ihren Kassenausgang, bzw. die Maske für den schnellen Direktkauf zu testen! Da bei dieser Änderung Javascript eine Rolle spielt, kann es sein, dass z.B. andere (uns nicht bekannte) JS Konflikte auslösen und dazu führen, dass die Funktion nicht einwandfrei arbeitet. Beispielsweise sollte man den jquery-noConflict-Modus aus dem System entfernen oder das uralte Prototype, was nirgends mehr notwendig ist.
Bisher erfolgte die Auswahl der Zahlart über ein Dropdown und die Felder der ALA (Abweichenden Lieferadresse) waren direkt sichtbar, was die Maske größer und damit kompliziert aussehen ließ:
ALT:
NEU
Wenn ALA angeklickt:
Wenn Packstation angeklickt:
Ist die Packstation nicht aktiviert, so bleibt der Button selbstverständlich ausgeblendet.
Die neue Ansicht für die Auswahl der ALA ist in allen Shops der neue Standard. Auf die alte Version kann man also nicht zurückschalten. Wer Fremdsprachen nutzt, muss allerdings die Texte rasch übersetzen. Denn unser Template liefern wir nur in Deutscher Sprache aus.
Die Pflege des Templates erfolgt über: "Warenkorb-Icon" > "SSL-Bereich" > Feld "ALA_Schneller_Direktkauf_Template":
Unser Standard Template wird vorausgeliefert:
<div style="margin-top: 16px;padding-right:10px;">Lieferadresse</div>
<input id=packstation name=packstation value=0 type=checkbox style="visibility:hidden;">
</td><td>
<div class='za_dk-div'>
<input id=ala_nein name=ob_ala value=0 checked=checked type=radio>
<label for=ala_nein class=ala_label>die oben angegebene Rechnungsanschrift</label>
</div>
<div class='za_dk-div'>
<input id=ala_ja name=ob_ala value=1 type=radio>
<label for=ala_ja class=ala_label>eine abweichende Lieferanschrift</label>
</div>
<div class='za_dk-div'>
<input id=ala_ps name=ob_ala value=2 type=radio>
<label for=ala_ps class=ala_label>Bestellung an eine #ps_ueberschrift verschicken</label>
</div>
<style>
.ala_tr,.ala_ask{display:none;}
.ala_label{padding:10px;padding-left:33px;}
</style>
<script>
$('#ala_ja').click(function(e){
document.getElementById('packstation').value=1;
$('.ala_tr').show();PackStat();
$('#packstation').removeAttr('checked');
})
$('#ala_nein').click(function(e){
$('.ala_tr').hide();
})
$('#ala_ps').click(function(e){
document.getElementById('packstation').value=0;
$('.ala_tr').show();PackStat();
$('#packstation').attr('checked',true);
})
</script>
<input id=packstation name=packstation value=0 type=checkbox style="visibility:hidden;">
</td><td>
<div class='za_dk-div'>
<input id=ala_nein name=ob_ala value=0 checked=checked type=radio>
<label for=ala_nein class=ala_label>die oben angegebene Rechnungsanschrift</label>
</div>
<div class='za_dk-div'>
<input id=ala_ja name=ob_ala value=1 type=radio>
<label for=ala_ja class=ala_label>eine abweichende Lieferanschrift</label>
</div>
<div class='za_dk-div'>
<input id=ala_ps name=ob_ala value=2 type=radio>
<label for=ala_ps class=ala_label>Bestellung an eine #ps_ueberschrift verschicken</label>
</div>
<style>
.ala_tr,.ala_ask{display:none;}
.ala_label{padding:10px;padding-left:33px;}
</style>
<script>
$('#ala_ja').click(function(e){
document.getElementById('packstation').value=1;
$('.ala_tr').show();PackStat();
$('#packstation').removeAttr('checked');
})
$('#ala_nein').click(function(e){
$('.ala_tr').hide();
})
$('#ala_ps').click(function(e){
document.getElementById('packstation').value=0;
$('.ala_tr').show();PackStat();
$('#packstation').attr('checked',true);
})
</script>
Wer die Packstation im Einsatz hat, sollte noch das Feld oben drüber (ALA_PACKSTATION_Finder) mit diesem neuen Code ausstatten:
<div style="width:383px;height:106px;"><div style="position: absolute;"><a href="javascript:zum_p_finder();" style="font-size: 8pt;"><div style="position: absolute;"><img src=https://cdn.powergap.de/pg_ps3.jpg width=383 height=106></div><div style="position:absolute; left 300px;margin-left: 200px;width: 93px;padding: 10px;">Hier finden Sie die Packstation in Ihrer Nähe</div></a><div style="position:absolute; left 300px;margin-left: 200px;width: 93px;padding: 10px;margin-top:62px;"><a href="http://www.dhl.de/de/paket/privatkunden/packstation.html" target="_blank" ONMOUSEOVER="dT(event,'<img src=https://cdn.powergap.de/packstation2.jpg width=325>','',0)" ONMOUSEOUT="hT()">..weitere Infos</a></div></div></div>
Das sorgt für eine neue schickere Grafik der Packstation wie oben im Screen angezeigt.
Selbstverständlich kann jeder nach Belieben das Template anpassen. Über einige CSS Klassen ist man ja sehr flexibel. Da hierbei auch JQUERY als Javascript-Bestandteil zum Einsatz kam, sollte man aber über gute Javascript-Kenntnisse verfügen. Natürlich übernehmen wir auch Individualisierungen wenn nötig.
Die neue Darstellung der Zahlarten muss zunächst aktiviert werden!
Das ist nötig, da manche Händler die Zahlarten unterschiedlich gebrauchen.Sie aktivieren das Feature über "Sonstiges" > "Grundeinstellungen" > Abschnitt 7 > "SSL_Style_Zahlarten_Direktkauf" mit Änderung von "Dropdown" auf "CSS-Table".
Unser Standard liefert folgende Grafiken aus:
(bitte nicht wundern, diese sind deutlich größer als später angezeigt um auch auf 4K-Monitoren eine scharfe Grafik anzuzeigen)
img/pg_zahlart1.png:
img/pg_zahlart2.png:
img/pg_zahlart3.png:
img/pg_zahlart4.png:
img/pg_zahlart5.png:
img/pg_zahlart6.png:
img/pg_zahlart7.png:
img/pg_zahlart8.png:
img/pg_zahlart9.png:
Wer American Express im Einsatz hat, sollte die Grafik austauschen gegen:
img/pg_zahlart9b.png:
Oder für Klarna Rechnung und Ratenkauf:
img/pg_zahlart6b.png:
img/pg_zahlart7b.png:
Sollte es Fragen zum Update geben, so scheuen Sie bitte nicht uns zu kontaktieren.