Neu PayPal Express langsam

[Stephs182]

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]

Du kannst da garnichts machen. Das müssen JTL und Solution360 in Angriff nehmen, sofern da überhaupt Handlunsgbedarf besteht.

 

[Stephs182]

Ja danke schön... na mal sehen wie es sich entwickelt.

 

[css-umsetzung]

$(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]

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

{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}

 

[css-umsetzung]

Leg das lieber in die custon.js

 

[Stephs182]

Hab ich gemacht... Wie schon gesagt.... danke schön. Gefällt mir sehr gut.

 

[Stephs182]

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:

$(document).on("click",".paypalexpress, .lpa-pay-button", function()

Aber irgendwie fruchtet das nicht.... Hmm...

 

[css-umsetzung]

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.

 

[hula1499]

Einfach mal austesten,
Hier kann man das anschauen: https://bit.ly/2T9pqLl

Ist es beabsichtigt, dass nur das overlay kommt und keine Weiterleitung stattfindet?

 

[css-umsetzung]

Ist es beabsichtigt, dass nur das overlay kommt und keine Weiterleitung stattfindet?

Kollega.... hast du denn eine Auswahl getroffen ?

Vermutlich nicht
aber stimmt ich sollte dafür sorgen das der Button nicht beim Vater zu sehen ist.

 

[Stephs182]

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.

 

[hula1499]

Kollega.... hast du denn eine Auswahl getroffen ?

Vermutlich nicht
aber stimmt ich sollte dafür sorgen das der Button nicht beim Vater zu sehen ist.

Ich wollte dich einfach auf Umwegen darauf hinweisen, dass das so nicht richtig ist (ohne es so zu benennen) -> kein Artikel, kein PPE

 

[css-umsetzung]

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 wollte dich einfach auf Umwegen darauf hinweisen, dass das so nicht richtig ist (ohne es so zu benennen) -> kein Artikel, kein PPE

Mamma... der Böse Mann im Internet ist wieder da

 

[Stephs182]

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]

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.