Neu JTL PayPal Checkout fehlerhafte Darstellung im Firefox

jensderdritte

Gut bekanntes Mitglied
31. August 2011
107
4
Mir ist heute aufgefallen, dass im Firefox 106.0.1 die Darstellung der Zahlarten im PayPal Checkout falsch ist.
Die Beschreibungstexte rutschen unter die Zahlarten Icons, siehe Screenshot.
Ist ein modifiziertes NovaChild Template (Im originalen Template aber der gleiche Fehler), Shop 5.12, PayPal Checkout 1.0.5.

Allerdings nur beim ersten Aufruf:
Wenn man nun einen Reload durchführt, oder die Seite andersweitig neu aufruft, sieht alles korrekt aus.
Erst nach dem Neustart des Browsers kommt es dann wieder zu diesem Fehler, dieser ist aber immer exakt nachvollziehbar.
Bei IE und Chrome kommt es nicht zu diesem Fehler.

Kann das jemand nachvollziehen?
Gibt es einen Fix dafür?
 

Anhänge

  • Fehler_Darstellung_Firefox_Zahlarten.PNG
    Fehler_Darstellung_Firefox_Zahlarten.PNG
    50,5 KB · Aufrufe: 19
  • Korrekte_Darstellung_Firefox_Zahlarten.PNG
    Korrekte_Darstellung_Firefox_Zahlarten.PNG
    34,8 KB · Aufrufe: 18

John

Sehr aktives Mitglied
3. März 2012
2.104
344
Berlin
Hast Du mal probiert, nur das CSS auf der problematischen Seite neu zu laden? Dafür gibts z.B. eine FireFox Plugin. Könnte mir gut vorstelle, daß das Problem in diese Richtung geht...
 

JohnFrea

Sehr aktives Mitglied
21. September 2017
552
168
...da würde ich nachfassen. Das Problem besteht definitiv, wenn FireFox mit leerem Cache erstmalig auf PayPal Checkout trifft. Bei uns 1:1 genauso.
 

jensderdritte

Gut bekanntes Mitglied
31. August 2011
107
4
Ich habe JTL noch mal drauf hingewiesen, dass ich nicht der Einzige mit dem Problem bin.
Wen jemand den Fehler auch noch nachvollziehen kann (oder auch nicht), kann er oder sie das eventuell kurz in diesen Thread schreiben.
 

ergowebshop

Mitglied
14. Januar 2022
74
12
Wir haben Shop 5.1.4, Checkout auch 1.0.5, allerdings mit einem modifizierten FireChild Template, da funktioniert es aber.
Getestet mit einem alten Firefox 83 und auf einem anderen System mit extra dafür neu installiertem Firefox 107 geht es auch.

Jens, John, könnt ihr mal bei euch gucken mit Rechtsklick auf die Zahlungsart und "Element untersuchen"?
Bei uns haben die Bilder einen style der die Breite setzen sollte, festgesetzt also ich meine nicht über CSS angepasst. Deswegen hat der Support wohl nichts gefunden. (siehe Bild 1)

Im Plugin Verzeichnis in frontent\css\template setzt die paymentButtons.tpl die Breite per jQuery auf "widestWidth".
Hierbei geht es alle angeschalteten (und für den aktuellen Kunden verfügbaren) Zahlungsarten durch und prüft von jeder davon ob ein Bild drin ist und merkt sich die Breite.
Also long story short: alle DIVs um alle Bilder werden auf die Breite des breitesten Bildes gesetzt, das sorgt für den gewünschten Tabelleneffekt. Sollte also funktionieren.

Habt ihr in den regulären Zahlungsarten (z.B. Vorkasse) eigene Bilder festgelegt? Dann nehmt mal zum Test die Bild URLs raus und guckt ob es dann geht. (siehe Bild 2)
 

Anhänge

  • zahlart breite.png
    zahlart breite.png
    61,3 KB · Aufrufe: 9
  • zahlart breite 2.png
    zahlart breite 2.png
    64,5 KB · Aufrufe: 9
  • Gefällt mir
Reaktionen: jensderdritte

jensderdritte

Gut bekanntes Mitglied
31. August 2011
107
4
Vielen Dank schon mal für deine Mühe, ich freue mich, dass das Problem doch noch jemanden interessiert ;)
Habt ihr in den regulären Zahlungsarten (z.B. Vorkasse) eigene Bilder festgelegt? Dann nehmt mal zum Test die Bild URLs raus und guckt ob es dann geht. (siehe Bild 2)
Ich habe mal alle anderen Zahlarten ausgeschaltet, Fehler bleibt.
Eine Breite wird im NOVA Template nicht festgelegt, nur margin.
Im Anhang habe ich mal ein paar Screenshots von den diversen DIVs gemacht, hilft das evtl weiter?
 

Anhänge

  • 1.png
    1.png
    240,9 KB · Aufrufe: 6
  • 2.png
    2.png
    240,1 KB · Aufrufe: 6
  • 3.png
    3.png
    233,7 KB · Aufrufe: 6

ergowebshop

Mitglied
14. Januar 2022
74
12
Hab ich auch so, display inline-block und ein bisschen padding, margin, valign...

Wenn ich die Breite über die dev tools ausschalte, funktioniert es trotzdem ohne zu überlagern, dann ist der Text direkt neben den Bildern.

In deinem 3. Bild, scroll mal rechts unten ein Stück weiter bei berechneten Styles, das Einzige wie ich das Verhalten provozieren konnte war, wenn der Text ein position:absolute hat.
 

Anhänge

  • zahlart breite 3.png
    zahlart breite 3.png
    69,8 KB · Aufrufe: 4
Ähnliche Themen
Titel Forum Antworten Datum
Neu PayPal Express Checkout für JTL Shop 5 eröffnet zweite Schleife Plugins für JTL-Shop 1
Neu JTL Shop 5 + EVO + PayPal = Lizenz abgelaufen JTL-Shop - Fehler und Bugs 0
Neu Eigene Methode im Plugin - PHP Fatal error: Call to undefined method JTL\\Plugin\\Plugin::view_pdf() Technische Fragen zu Plugins und Templates 0
Neu JTL Wawi 1.5 - EOL User helfen Usern - Fragen zu JTL-Wawi 4
Neu 💙 Neues Plugin: Social Share (Artikel-, Kategorie-, Blogseite teilen) für JTL-Shop 5 Plugins für JTL-Shop 0
Neu JTL nachträglich als federführend für bestehende Shopify Produkte Shopify-Connector 0
JTL Datenbank comparer fehlerhafte Ausgabe? JTL-Wawi 1.6 1
Neu JTL Exportformat Google Shopping v2.2.0 Plugins für JTL-Shop 1
Neu OSS Steuersatz von neuen Artikel wird nicht in den JTL Shop übertragen JTL-Wawi - Fehler und Bugs 2
Neu JTL eazyAuction + US Firma Einrichtung und Installation von JTL-eazyAuction 0
JTL Wawi - Shopware 6 Connector problem JTL-Wawi 1.6 0
JTL Wawi Update auf 1.6 Zwischenschritt erforderlich? JTL-Wawi 1.6 2
Neu JTL POS 2 Fehler wodurch POS nicht startet / sofortige Fehlermeldung JTL-POS - Fehler und Bugs 2
In Bearbeitung JTL Pos mit "Bezahlexperten" Kartenlesegerät Allgemeine Fragen zu JTL-POS 2
JTL-Stammtisch Leipzig powered by knowmates GmbH + Händlerbund | 28.02.23 Messen, Stammtische und interessante Events 0
Neu Status-Email des JTL-Worker abschalten. User helfen Usern - Fragen zu JTL-Wawi 3
Neu JTL-Wawi via Kommandozeile installieren (Chocolatey) Installation von JTL-Wawi 0
Neu JTL Shop 5: URL bei "DE" Shop vollständig, aber bein "EN"-Shop fehlt etwas JTL-Shop - Fehler und Bugs 0
JTL WaWi 1.6.x und Shopware 5 - Shop bestandsführend? Möglich? JTL-Wawi 1.6 0
In Diskussion Alternative zu JTL-Pos Allgemeine Fragen zu JTL-POS 3
Neu Fehlermeldung bei Installation "Keine config.JTL-Shop.ini.php gefunden". Installation / Updates von JTL-Shop 2
Neu Produktbeschreibung responsive machen JTL Shop 5 Betrieb / Pflege von JTL-Shop 1
Neu JTL Wawi Cloud über Microsoft Remote Desktop Etiketten Drucker mit Brother QL-800 User helfen Usern - Fragen zu JTL-Wawi 8
Beantwortet JTL WMS Retoure - Nicht anklickbar User helfen Usern - Fragen zu JTL-Wawi 5
Neu Eigene Felder von JTL nach Shopware übertragen Shopware-Connector 0
Neu JTL Shop 5.2.2 Merkmale im extra Tab Templates für JTL-Shop 0
Neu JTL Shop 5.2.2 Favicons Templates für JTL-Shop 2
Neu Shopabgleich JTL-Connector - Fehler beim Speichern: MERGE-Anweisung schlägt fehl JTL-Wawi - Fehler und Bugs 0
Neu jtl ganzen shop sichern Installation / Updates von JTL-Shop 4
Neu Picklisten nach Verkäufen in JTL POS JTL-Wawi - Ideen, Lob und Kritik 0
JTL-Wawi Benutzerhandbuch im pdf verfügbar? JTL-Wawi 1.6 3
Einsteigerschulung - JTL-Wawi, JTL-eazyAuction, JTL-Shop, JTL-POS & Marktplatzschnittstelle Messen, Stammtische und interessante Events 0
Webinar - IT-sicher durch die digitale Welt: Wie Du JTL-Wawi und Deine Daten optimal schützt Messen, Stammtische und interessante Events 0
Kein Import von neu angelegten Kunden im JTL Shop5? JTL-Wawi 1.6 1
Neu JTL Shop 5 mit REDIS (brauchen sehr viel RAM, läuft voll und startet sich neu) Allgemeine Fragen zu JTL-Shop 6
Neu JTL Wawi Artikel aus Kühllager mal gesperrt und mal frei für den Versand User helfen Usern - Fragen zu JTL-Wawi 2
Neu JTL-Wawi mit JTL Shop verbinden Installation von JTL-Wawi 3
Neu Installation einer englischen JTL-Wawi - Menüs und Icons bleiben deutsch Installation von JTL-Wawi 0
Neu EPR in Europa und JTL-Wawi User helfen Usern - Fragen zu JTL-Wawi 6
Neu JTL Werbung ist viel zu dezent JTL-Wawi - Ideen, Lob und Kritik 8
Neu JTL Connector 1.39.4 for Woocommerce 7.3 not syncing WooCommerce-Connector 2
Neu JTL Shop Ausverkauft auf Lager Filter Allgemeine Fragen zu JTL-Shop 0
Neu Payever JTL Shop 5.2 Fehler Plugins für JTL-Shop 0
Neuinstallation JTL-Shop 5 bei ionos https://meine_domain.de/admin/wizards Einrichtung JTL-Shop5 5
Neu JTL Shop 5.21 > Komprimierung von JavaScript- und CSS-Dateien zerschiesst Seite JTL-Shop - Fehler und Bugs 0
Beantwortet Kaufland Umstellung von Unicorn2 zu JTL SCX kaufland.de - Anbindung (SCX) 1
JTL Wawi 1.6 Mailversand - Fehlermeldung = 'System.ArgumentNullException: Der Wert darf nicht NULL sein. Parametername: key JTL-Wawi 1.6 2
Neu JTL-Business Intelligence Abgleich ? Neue Funktion? Smalltalk 2
Neu JTL-SHOP Checkbox mit zwei verlinkungen im Text! Allgemeine Fragen zu JTL-Shop 4
In Bearbeitung JTL POS - Konten anlegen Allgemeine Fragen zu JTL-POS 3

Ähnliche Themen