Neu PayPal Express langsam

  • Wenn Ihr uns das erste Mal besucht, lest euch bitte zuerst die Foren-Regeln durch.

Stephs182

Gut bekanntes Mitglied
21. Januar 2015
129
5
#1
Wir müssen eine sehr hohe Abbruchqoute unserer Shopkunden (in diversen Shops) beobachten, beim PayPal Express Button. Genauso beim Amazon Button. Wenn ich da drauf klicke, dann habe ich schon einen Moment (5-7sek) bis da mal ein LogIn bei PayPal oder Amazon erscheint.

Andere Shopsysteme öffnen den Log In im Fenster und haben über den Shop so lange einen Ladelayer... Auch bei Notebooksbilliger sieht man einen Ladelayer, der quasi die Geduld etwas erhöht....

Hat jemand eine Idee, wie man da was verbessern kann in dem Verhalten des JTL Shops?

(Ach ja... alles neuste 4.06b11 Shops mit JTL_Paypal v1.09 bzw. Amazon Pay v1.16)
 

martinwolf

Offizieller Servicepartner
SPBanner
6. September 2012
2.960
142
#2
Du kannst da garnichts machen. Das müssen JTL und Solution360 in Angriff nehmen, sofern da überhaupt Handlunsgbedarf besteht.
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
3.438
451
Berlin
#4
Code:
$(function() {
    var noticeTemplate= '\
        <div class="modal-weiterleitung modal fade " id="css_weiterleitung_modal" role="dialog" style="display: none;">\
            <div class="modal-dialog">\
                <div class="modal-content">\
                    <div class="modal-header">\
                        <h4 class="modal-title"></h4>\
                    </div>\
                    <div class="modal-body">\
                    </div>\
                    <div class="modal-footer">\
                    </div>\
                </div>\
            </div>\
        </div>\
    ';

    $(document).on("click","button.paypalexpress, .lpa-pay-button", function() {
        $("#css_weiterleitung_modal").modal("hide");
        $("#css_weiterleitung_modal").remove();
        $("body").append(noticeTemplate);
        $("#css_weiterleitung_modal .modal-title").html("Bitte haben Sie einen Moment Geduld");
        if($(this).hasClass("paypalexpress")) {
            var msg ="Sie werden nun zu PayPal weitergeleitet";
        } else {
            var msg ="Sie werden gleich zu Amazon weitergeleitet";
        }
        $("#css_weiterleitung_modal .modal-body").html(msg);
        $("#css_weiterleitung_modal").modal("show");
    });
});
Einfach mal austesten,
Hier kann man das anschauen: https://bit.ly/2T9pqLl
 

Stephs182

Gut bekanntes Mitglied
21. Januar 2015
129
5
#5
Ja coole Funktion... getestet und für super gut befunden.... Respekt Andreas!

Hoffen wir mal, dass die Kunden das auch schätzen.

Ach ja, ich habe es in der Footer.tpl eingebunden

Code:
{literal}
    <script type="text/javascript">
    $(function() {
    var noticeTemplate= '\
        <div class="modal-weiterleitung modal fade " id="css_weiterleitung_modal" role="dialog" style="display: none;">\
            <div class="modal-dialog">\
                <div class="modal-content">\
                    <div class="modal-header">\
                        <h4 class="modal-title"></h4>\
                    </div>\
                    <div class="modal-body">\
                    </div>\
                    <div class="modal-footer">\
                    </div>\
                </div>\
            </div>\
        </div>\
    ';

    $(document).on("click","button.paypalexpress, .lpa-pay-button", function() {
        $("#css_weiterleitung_modal").modal("hide");
        $("#css_weiterleitung_modal").remove();
        $("body").append(noticeTemplate);
        $("#css_weiterleitung_modal .modal-title").html("Bitte haben Sie einen Moment Geduld");
        if($(this).hasClass("paypalexpress")) {
            var msg ="Sie werden nun zu PayPal weitergeleitet";
        } else {
            var msg ="Sie werden gleich zu Amazon weitergeleitet";
        }
        $("#css_weiterleitung_modal .modal-body").html(msg);
        $("#css_weiterleitung_modal").modal("show");
    });
});
    </script>{/literal}
 

Stephs182

Gut bekanntes Mitglied
21. Januar 2015
129
5
#8
Leider bin bei JavaScript total raus.

Kann man die Function auch so ansteuern, dass die Links (also <a> ) von paypalexpress im Warenkorb dropdown und im /Warenkorb- das Modal auslösen?

Ich habe schonmal versucht einfach nur auf die Klasse zu zielen und habe den button.paypalexpress zu dem geändert:
Code:
$(document).on("click",".paypalexpress, .lpa-pay-button", function()
Aber irgendwie fruchtet das nicht.... Hmm...
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
3.438
451
Berlin
#9
Wenn du das JS nimmst und button.paypalexpress gegen .paypalexpress austauschst sollte das gehen, es könnte dann nur noch ein Timing Problem sein weil ja auch ein anderes JS das onclick Event belegt, das muss man dann anschauen.

Dazu bräuchte ich mal einen Link wenn du das angepasst hast, dann könnte ich das mal anschauen.
 

Stephs182

Gut bekanntes Mitglied
21. Januar 2015
129
5
#12
Wenn du das JS nimmst und button.paypalexpress gegen .paypalexpress austauschst sollte das gehen, es könnte dann nur noch ein Timing Problem sein weil ja auch ein anderes JS das onclick Event belegt, das muss man dann anschauen.

Dazu bräuchte ich mal einen Link wenn du das angepasst hast, dann könnte ich das mal anschauen.
Ich habe es auf www.kaufen333.de umgesetzt. In den beiden anderen Shops ist es noch in der ersten Fassung drin.
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
3.438
451
Berlin
#14
Zustimmungen: hula1499

Stephs182

Gut bekanntes Mitglied
21. Januar 2015
129
5
#15
Also bei mir feuern beide und wenn ich nach den events schaue dann sehe ich auch das die custom.js sich einmischt.
Eventuell dein Browsercache?
Ich habe mal den hässlichen Browser mit dem E genommen... da geht es in der Tat... Also in der Tat ein Caching Problem... obwohl ich schon geleert hatte und damit der Meinung war, er sei leer...
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
3.438
451
Berlin
#16
Immer zweimal strg-F5 drücken wenn man auf der Seite ist, dann sollte man sicher sein das der cache gelöscht ist, alternativ, so mache ich es immer, die console aufmachen und dort den cache abschalten.
Du solltest das aber ein wenig im Auge behalten ob du auf einmal keine PayPal Express Bestellungen bekommst, das was ich hier gepostet habe sieht ganz nett aus und scheint zu funktionieren aber wer weiß ob ich da noch etwas übersehen habe.
 

Ähnliche Themen