Neu Internet Explorer + JTL Shop 5 = Bestellabschluss nicht möglich

[STH]

Hallo,

ja, ich weiß - IE stirbt und das ist auch gut so, jedoch habe ich jetzt innerhalb von einem Tag 3 Meldungen von potentiellen Käufern bekommen, die mir berichtet haben, dass sie keine Bestellung in unserem Shop durchführen können.
Das hat mich ziemlich nervös gemacht, da ich zuerst an einen allgemeinen Fehler gedacht habe. Nachdem ich jedoch einen Screenshot einer besorgten Userin erhalten habe und den Internet Explorer als Browser erkannt habe, ahnte ich Böses.

und siehe da - im Test mit simuliertem IE10 passiert im JTL Shop 5 folgendes:

• Die Anzahl im Warenkorb kann mit +/- nicht geändert werden (ist zwar störend, da man den Artikel ja noch mal in den Warenkorb legen könnte).
• Die Bestellung lässt sich beim Punkt Versand- und Zahlungsart nicht fortsetzen, es gibt den Button "Weiter" einfach nicht (das wiederum halte ich für einen katastrophalen Fehler - denn hier verlieren JTL Shop 5 Betreiber definitiv potentielle Käufer)

Hier ein Screenshot, wie es im IE10 aussieht, wenn man eine Bestellung aufgeben möchte:



Ich weiß, dass ich den Usern jetzt schon mal schreiben werde, dass sie bitte auf einen sicheren Browser wechseln sollen - trotzdem sollte das nicht durch eine Bestellung in einem Shop überhaupt zum Thema werden!
Vielleicht kann hier das JTL Team direkt ein Ticket eröffnen - vielen Dank!

 

[MHillmann]

Hallo,

das kann ich bestätigen. Ticket ist eröffnet: https://issues.jtl-software.de/issues/SHOP-5192

Viele Grüße
Michael

 

[tazdev]

Hallo,

ich habe mir hierzu einen kleinen Workaround geschrieben der einen Hinweis beim IE anzeigt und (falls vorhanden) automatisch an den Edge weiterleitet.
Dazu habe ich bei unserem Child Template die layout/header.tpl den block "layout-header-head-resources" appended.
Sieht dann so aus.
{block name='layout-header-head-resources' append} {literal} <script> if (typeof (navigator.msLaunchUri) === "function") { navigator.msLaunchUri('microsoft-edge:' + window.location.href, function () { window.location.href="https://go.microsoft.com/fwlink/?linkid=2151617" }, function () {console.log('ie but no edge')} ) } </script> {/literal} {/block}

Das bewirkt das automatisch auf den Edge weitergeleitet wird (sofern vorhanden) und im IE eine Hinweisseite von Microsoft geladen wird.
So macht es z.B auch web.de.

Vielleicht hilft es ja jemanden.

ciao Stefan

 

[STH]

Hallo,

ich habe mir hierzu einen kleinen Workaround geschrieben der einen Hinweis beim IE anzeigt und (falls vorhanden) automatisch an den Edge weiterleitet.
Dazu habe ich bei unserem Child Template die layout/header.tpl den block "layout-header-head-resources" appended.
Sieht dann so aus.
{block name='layout-header-head-resources' append} {literal} <script> if (typeof (navigator.msLaunchUri) === "function") { navigator.msLaunchUri('microsoft-edge:' + window.location.href, function () { window.location.href="https://go.microsoft.com/fwlink/?linkid=2151617" }, function () {console.log('ie but no edge')} ) } </script> {/literal} {/block}

Das bewirkt das automatisch auf den Edge weitergeleitet wird (sofern vorhanden) und im IE eine Hinweisseite von Microsoft geladen wird.
So macht es z.B auch web.de.

Vielleicht hilft es ja jemanden.

ciao Stefan

Hallo Stefan,

danke für deinen Input, ich habe dies gleich getestet und habe nun folgendes Verhalten - auch im Edge will er noch mal eine Edge Sitzung öffnen und es geht ein neuer Tab auf - die Warnung kommt in einer Endlosschleife:


*EDIT*: dürfte wohl ein Fehler von meinem virtuellen IE sein - im nativen Edge Client kommt es nicht zu diesem Verhalten. Dürfte also passen!

 

[Esel]

Hallo,

ich habe mir hierzu einen kleinen Workaround geschrieben der einen Hinweis beim IE anzeigt und (falls vorhanden) automatisch an den Edge weiterleitet.
Dazu habe ich bei unserem Child Template die layout/header.tpl den block "layout-header-head-resources" appended.
Sieht dann so aus.
{block name='layout-header-head-resources' append} {literal} <script> if (typeof (navigator.msLaunchUri) === "function") { navigator.msLaunchUri('microsoft-edge:' + window.location.href, function () { window.location.href="https://go.microsoft.com/fwlink/?linkid=2151617" }, function () {console.log('ie but no edge')} ) } </script> {/literal} {/block}

Das bewirkt das automatisch auf den Edge weitergeleitet wird (sofern vorhanden) und im IE eine Hinweisseite von Microsoft geladen wird.
So macht es z.B auch web.de.

Vielleicht hilft es ja jemanden.

ciao Stefan

Danke für die Top Lösung,
gibt es eventuell noch eine Möglichkeit für ein Popup, wenn kein EDGE installiert ist,
weil da kommt derzeit einfach nix, und er lädt den Shop normal.

 

[fibergirl]

Könnte man das Problem nicht mit einem passenden Polyfill lösen?

Leider wissen wir ja nicht, wo genau es hakt.
Aber JTL könnte das doch ohne weiteres herausfinden.
Und dann ein Polyfill bereitstellen, oder vielleicht gibt es ja in den Weiten des Internets schon eines.

@JTL ???

 

[liwe_fs]

Ich würde mich hier mal anschließen.
Vielleicht hat ja jemand etwas zu Hand

 

[tazdev]

Danke für die Top Lösung,
gibt es eventuell noch eine Möglichkeit für ein Popup, wenn kein EDGE installiert ist,
weil da kommt derzeit einfach nix, und er lädt den Shop normal.

Hi @Esel ,

sorry für die späte Antwort.
In dem Schnipsel was ich gepostet habe habe ist die Funktion bereits eingebaut die anspringt wenn der Edge nicht installiert ist.
Um z.B ein Hinweis Div einzublenden:

Die layout/header.tpl erweitern um:

{block name='layout-header-header' append}
    <div id="ieWarning" class="d-none alert alert-danger">
        Damit Sie die Website optimal und ohne technische Komplikationen nutzen können, benötigen Sie einen unterstützten Browser in der jeweils aktuellen Version.<br />
        <br />
        Hinweis: Der Internet Explorer wird generell <b>nicht</b> unterstützt.
    </div>
{/block}

{block name='layout-header-head-resources' append}
    {literal}
        <script>
            if (typeof (navigator.msLaunchUri) === "function") {
                navigator.msLaunchUri('microsoft-edge:' + window.location.href,
                function () {
                    //successCallback if protocoll microsoft-edge exists
                    window.location.href="https://go.microsoft.com/fwlink/?linkid=2151617"
                },
                function () {
                    //NoHandlerCallback if protocoll microsoft-edge dosnt exists
                    //console.log('ie but no edge')
                    $(document).ready(function() {
                        $('#ieWarning').removeClass("d-none");
                    }
                }
                )
            }
        </script>
    {/literal}
{/block}

Man kann natürlich statt der removeClass Funktion jede andere Funktion aufrufen.


ciao Stefan