Neu JTL PayPal Checkout fehlerhafte Darstellung im Firefox

jensderdritte

Gut bekanntes Mitglied
31. August 2011
119
7
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.592
496
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
717
213
...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
119
7
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

Gut bekanntes Mitglied
14. Januar 2022
117
24
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
119
7
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: 7
  • 2.png
    2.png
    240,1 KB · Aufrufe: 7
  • 3.png
    3.png
    233,7 KB · Aufrufe: 7

ergowebshop

Gut bekanntes Mitglied
14. Januar 2022
117
24
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 JTL-Shop 5 Paypal Zahlung 30 Tage Zahlungsziel Allgemeine Fragen zu JTL-Shop 6
Neu Nach Migration auf JTL Shop 5 fehlerhafte PayPal Zahlungsmitteilungen Allgemeine Fragen zu JTL-Shop 0
Neu Bug Popup/eModal - JTL Shop 5.3 JTL-Shop - Fehler und Bugs 0
JTL Mahnwesen Workflow- Email nach 30 Tagen noch nicht bezahlt. JTL-Wawi 1.8 0
Neu Best Pratices Shopware - JTL - Buchhaltung User helfen Usern - Fragen zu JTL-Wawi 2
Neu JTL Ameise Extrem Langsam im Export JTL-Ameise - Fehler und Bugs 8
Wichtig 👉 Wichtiger Hinweis: JTL-eazyAuction Server Downtime am Dienstag, 02.04.2024 News, Events und Umfragen 0
Neu Wechsel WAWI Hosting von JTL mit RDP auf ecomDATA User helfen Usern - Fragen zu JTL-Wawi 2
JTL Worker Manueller Abgleich nicht möglich trotz deaktivierem Worker 2.0 JTL-Wawi 1.8 4
Neu JTL Shopify Connector und Billbee frage Shopify-Connector 0
Neu Nach Umstellung auf WMS Probleme mit der JTL Ameise Installation von JTL-WMS / JTL-Packtisch+ 0
Neu JTL Pos Sum-Up Rückgabe Allgemeine Fragen zu JTL-POS 0
Neu JTL Worker 2.0 und tinetbestellung Technische Fragen zu den JTL-Connectoren 0
Neu JTL-Shop 5.3 - Aktuell 5.3.1 Releaseforum 1
Neu JTL 1.8.12.0 - Artikelattribut für Shop importieren - Format CSV-Datei / Hilfe bei Import von individuellen Attributen für JTL-Shop (googlekat) JTL-Ameise - Ideen, Lob und Kritik 1
JTL Shop Gutscheine über JTL-Vouchers erstellen Allgemeine Fragen zu JTL-Vouchers 1
Neu JTL Connector zu SW6 auch als Testumgebung möglich ? Onlineshop-Anbindung 3
Neu Update des JTL shops aus der Wawi funktioniert nicht Allgemeine Fragen zu JTL-Shop 1
Neu JTL Shop Gutscheine über JTL-Vouchers erstellen Allgemeine Fragen zu JTL-Shop 0
Neu JTL zu Shopify Bestand wird nicht aktualisiert Shopify-Connector 0
Neu JTL Wawi Bild-Upload unvollständig oder nur als mit meinem PC hochgeladen zu sehen User helfen Usern - Fragen zu JTL-Wawi 2
Neu Bestimmte Artikel von JTL-Search ausschließen JTL-Search 0
JTL Multishop: Domain 1: Eine Sprache, eine Währung | Domain 2: 3 Sprachen, 3 Währungen JTL-Wawi 1.7 3
Neu Email Versand in JTL Wawi einstellen User helfen Usern - Fragen zu JTL-Wawi 3
Neu Produktfeld "Produktkategorie" von JTL nach Shopify? Shopify-Connector 0
Neu Greyhound JTL-Connector funktioniert nach Update auf 1.8.12 nicht mehr richtig Technische Fragen zu den JTL-Connectoren 5
Neu JTL erstellt falsche Rechnungskorrekturen für Amazon.co.uk Aufträge und verweigert den Support Amazon-Anbindung - Fehler und Bugs 5
Neu E-Commerce-Effizienz steigern: Welche Programmiersprache verbessert die JTL-Shop-Entwicklung? Technische Fragen zu Plugins und Templates 1
Neu JTL-Wawi Logdatei Speicherort JTL-Wawi - Fehler und Bugs 6
In Diskussion JTL POS Kundennummer wird nicht an JTL Wawi übertragen JTL-POS - Fehler und Bugs 2
Auftrag und Rechnung Ausgabe funktioniert nicht Client JTL 1.8.10.0 JTL-Wawi 1.8 9
Neu DPD-Versand in Nicht-EU-Länder mit JTL-Shipping JTL-ShippingLabels - Ideen, Lob und Kritik 1
Neu JTL-Ameise Kontaktdaten-Export und in Greyhound importieren plus Zuweisen User helfen Usern 1
Wichtig 👉 Wichtiger Hinweis: JTL-eazyAuction Server Downtime am Dienstag, 12.03.2024 News, Events und Umfragen 0
Neu JTL Shipping Labels mit DHL Unterschied Versenden, Versenden 3.0 und Intraship User helfen Usern - Fragen zu JTL-Wawi 8
Tablet Empfehlung für JTL-WaWi APP? JTL-Wawi App 0
Neu JTL überträgt Versandart Sendungsnummer nur teilweise an Amazon Amazon-Anbindung - Fehler und Bugs 3
Neu JTL-Installation- Verbindung zur Datenbank -SA Kennwort Installation von JTL-Wawi 22
Neu Alle Produktbilder in Shopify aus JTL löschen Shopify-Connector 0
Neu Kompatibilitätsliste JTL Shop & JTL Wawi Installation / Updates von JTL-Shop 2
Neu JTL-POS installation vom Playstore Einrichtung / Updates von JTL-POS 2
Neu JTL-POS installation vom Playstore Installation von JTL-Wawi 0
Neu JTL-Kenner Raum Aachen zur Mithilfe gesucht Dienstleistung, Jobs und Ähnliches 2
Neu JTL-Shop 5.3.0 RC3 Fehler nach Update Portlet Banner, fehlendes Produkt JTL-Shop - Fehler und Bugs 0
Neu Umstieg von Shopware 5 zu JTL Shop 5 - Ranking behalten Allgemeine Fragen zu JTL-Shop 2
Neu JTL Connector Woocomerce für PHP Version 7.4 WooCommerce-Connector 2
Neu Verbindungsproblem Wawi (1.8.12.0) zum JTL-Shop (5.2.4) über localhost User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL 1.5.55.8 Statistik - durschnittlicher Verkaufspreis - Mengen und Position User helfen Usern - Fragen zu JTL-Wawi 0
Neu JTL-Wawi mit Shopware/Magnalister User helfen Usern - Fragen zu JTL-Wawi 3
Neu Lizenz zu verkaufen für JTL-Shop Standard Edition Allgemeine Fragen zu JTL-Shop 4

Ähnliche Themen