Neu Plugin: JTL Header Version: 1.0.0-beta.4 verursacht flackerndes Logo

mastertango

Sehr aktives Mitglied
10. Oktober 2009
2.475
42
Wustrow
Hallo,

das Plugin JTL-HEADER in Version: 1.0.0-beta.4 ( auch Vorgänger ) verursacht ein flackerndes Logo in der Mobilen Ansicht.
Wenn man eine Seite Lädt oder Neu lädt dann taucht für den Bruchteil einer Sekunde das Logo in Groß auf bevor der Header komplett geladen ist.

Dieses ist nur über Handy sichtbar aber tatsächlich störend bzw. irritierend....

Die Frage ist ...liegt es wirklich am Plugin ( ohne ist des wech ) oder vielleicht doch an irgendwelchen eigenen CSS einstellungen?

So oder so muss das irgendwie beseitigt werden.... Geht das ???

Irgendwie müsste das Menü bzw. der Header als allererstes geladen werden bevor der Rest kommt. Tatsächlich scheint es aber umgekehrt.

Gruß Daniel

Link zum Testshop: https://test.fischer-modell.de/41-1074-8-Ep-IV-DR
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.307
439
Hallo,

das Header-Plugin ändert nichts an der mobilen Darstellung.
Das Verhalten liegt sehr wahrscheinlich daran, dass das CSS ,um das größere Logo zu verstekcen (welches aufflackert), erst im CSS steht das nachgeladen wird (my-nova.scss). Das kann man umgehen, indem man die entsprechende CSS-Anweisung ins kritische CSS (my-nova_crit.scss) schreibt, da dieses viel früher geladen wird.
Also folgendes (oder so ähnlich):
CSS:
only screen and (max-width: 575.98px) and (max-width: 380px) {
    header .navbar-brand img {
        display: none;
    }
}
einfach von der my-nova.scss in die my-nova_crit.scss schieben.

Viele Grüße
Michael
 

mastertango

Sehr aktives Mitglied
10. Oktober 2009
2.475
42
Wustrow
Ja grob ist man der Sache auf der Spur..... aber noch nicht ganz.
Das Logo selbst wird ja auch erst bei unter 380px ausgeblendet ....
Ich konnte gerade tatsächlich einen Screenshot davon machen was dort passiert.....


Screenshot_2021-10-14-08-57-03-798_com.android.chrome.jpg

Er scheint es alles irgendwie von unten nach oben zu positionieren....
Wenn man genau hinschaut kann man auch am Burgermenü sehen wie es sich sozusagen von unten nach oben aufbaut bevor alles fertig steht.

IMG_20211014_090009.jpg
 

mastertango

Sehr aktives Mitglied
10. Oktober 2009
2.475
42
Wustrow
Wer viel testet findet viele Fehler .....


Wenn man unter Firefox mehrmals die gleiche Seite lädt, indem man immer wieder auf die gleiche Kategorie klickt, sieht eigentlich alles ganz gut aus.

Macht man das gleiche jedoch in Chrome, Opera oder Edge, so scheint es für einen Bruchteil so als wenn das Ursprungsdesign geladen wird.

Das sieht nicht nur scheiße aus, sondern wirkt auch verwirrend für die Kunden wenn Sie erst etwas anderes sehen....

Das möchte ich ganz gerne abgeschaltet haben. Ein ähnliches verhalten konnte ich bei anderen im Design veränderten JTL5 er Shops auch nachstellen.
So kann das ja nicht richtig sein oder?


Ich habe jetzt mal Testweise alle meine Templateänderungen aus der mynova in die mynova_crit gepackt..... Jetzt sieht der Shop so aus wie in der Zehntelsekunde die zuerst geladen wird bevor das eigentliche Design erscheint ....
Kann mir das jemand technisch etwa erklären damit ich das mit meinem Halbwissen abstellen kann :)



MFG

Daniel
 

MHillmann

Moderator
Mitarbeiter
11. Oktober 2018
1.307
439
Kann mir das jemand technisch etwa erklären damit ich das mit meinem Halbwissen abstellen kann
Das habe ich oben schon angerissen. Das Problem ist, wenn du alles ins kritische CSS schreibst, verlangsamt sich der Seitenaufbau und die Tools zur Seitenbewertung meckern. Daher gilt es hier einen guten Mittelweg zu finden, von CSS das direkt geladen werden soll, und dem das nachgeladen werden soll.
Ich habe jetzt den erstbesten Link zum Thema genommen: https://www.ezoic.com/de-lang/so-optimieren-sie-critical-css-um-ihre-webseite-schneller-zu-machen/
Recherchier gerne selber noch ein bisschen.

Wenn du dich fragst, ob Dinge am Theme-Editor Plugin liegen bzw. an deinem Child-Template. Dann aktivier am besten immer zuerst das originale Nova-Template und schau es dir dort an, eventuell findest du dann schon die Unterschiede.
 

mastertango

Sehr aktives Mitglied
10. Oktober 2009
2.475
42
Wustrow
Das kuriose ist wenn ich alles ins kritische CSS schreibe funktioniert die Seite nicht ... sie Foto oben....
Es scheint also Anweisungen zu geben die dort nicht funktionieren und oder mit denen aus Clear überschrieben werden....

Ich rede jetzt gar nicht mehr vom Logo ..... sondern wie ich nun feststellen konnte ist es ja die ganze Seite ...
Sprich wenn ich in Chrome oder auch Edge oder auch Opera die Seite 5-6 mal neu lade kann ich genau sehen wie sich das Clear Theme aufbaut und danach erst die Anweisungen aus meinem Nova-Child drüber gebügelt werden.
So kann das auf jeden Fall nicht bleiben ... ich brauche dafür eine Lösung das hier nicht 2 verschiedene Themes nacheinander geladen werden ...

Oder habe ich hier irgendwo einen essentiellen Fehler?
 

mastertango

Sehr aktives Mitglied
10. Oktober 2009
2.475
42
Wustrow
Sooooo.... nach langen hin und her und suchen habe ich den Fehler gefunden und er ist so logisch und einfach wie auch bescheuert dämlich.... Daher ist mir das auch gleich nochmal einen extra Beitrag Wert damit andere nicht den selben Fehler machen.

Das ganze verhalten rührt einfach daher das ich ja das Standrad Child Template von JTL genommen habe und dann mit dem Theme Editor meine Änderungen fleißig hintereinander wech dort rein geschrieben habe,
Beim kompilieren passiert ja nun nichts anderes als das meine Änderungen in der vorhandenen mynova.css hinten ran geschrieben werden.

Daraus resultiert dann folgendes....nämlich das in Zeile 1000 der mynova.css steht ....mache den Balken gelb und 15000 Zeilen später steht dort... mache den Balken rot..... und genau das macht der Browser weil er die mynova.css stumpf nacheinander abarbeitet.

Daher auch das flackern am Bildschirm bis die komplette CSS abgearbeitet ist...... oder wie man auch anders sagen kann....Pfusch am Bau.... :)
Hat also recht wenig mit krtisch oder nicht kritisch zu tun....
 

jensderdritte

Gut bekanntes Mitglied
31. August 2011
119
7
Hmm, ja, mir ist beim Testen das gleiche Verhalten aufgefallen.
Insgesamt ein sehr "unruhiges" Verhalten, was sich mit der Anzahl der Änderungen auch noch immer mehr verstärkt.

Wie kann man das vermeiden?
Alle eigenen Änderungen nicht als "Child" anhängen, sondern direkt im Haupttemplate ändern...
Dann würde man halt die Updatesicherheit verlieren.

Mir fällt nichts anderes dazu ein, oder hat jemand eine bessere Idee?

Ideal wäre natürlich, wenn der "Kompiler" die entsprechenden CSS-Anweisungen austauschen und nicht nur einfach hinten dran hängen würde
Dann müsste man nach einem Update nur kurz mit dem Kompiler drüber und fertig.
K.A., ob so was technisch überhaupt geht.
 
Ähnliche Themen
Titel Forum Antworten Datum
Neu NEU ✔️ PDF-Angebots-Plugin für den JTL-Shop 5 - PDF Angebote von der Produktseite oder aus dem Warenkorb heraus generieren B2C / B2B Plugins für JTL-Shop 5
Neu JTL Connector Plugin Aktivierunf [Fehlermeldung] WooCommerce-Connector 1
Neu JTL Shhop Plugin "Exportformat Google Shopping" - falsche Preise im GMC, wenn Staffelpreise vorhanden JTL-Shop - Fehler und Bugs 11
Neu 🌟Neues Plugin: Bounce Landingpage Plugins für JTL-Shop 5
Neu 504 Gateway Time-Out nginx bei Plugin-Updates Gelöste Themen in diesem Bereich 10
Neu Unterstützung bei JTL5-Shop-Überarbeitung gesucht - Template/Plugin uvm. Dienstleistung, Jobs und Ähnliches 1
Neu Erledigt - Plugin PayPal Checkout, Update auf 1.4.0, Komplettabsturz Plugins für JTL-Shop 1
Neu Paypal Plugin erzeugt "Quirks Mode" Betrieb / Pflege von JTL-Shop 0
Neu Mail-Versand & Plugin Doku Technische Fragen zu Plugins und Templates 2
Neu Variationen im Shop Auswahl zurücksetzen (Plugin?) Betrieb / Pflege von JTL-Shop 3
Neu Neues Plugin: Hersteller Slider Portlet (Zentrierungs- oder Schwarz/Weiß-Modus, Responsive Anpassung..) inkl. 5 kostenlosen Lizenzen Plugins für JTL-Shop 4
Neu Plugin KBA Finder Implementierung/Darstellungsänderung Plugins für JTL-Shop 0
Neu Custom Template für Custom Artikel mit Plugin? Plugins für JTL-Shop 0
Neu Erfahrung mit LS-Cache Plugin Technische Fragen zu Plugins und Templates 10
Neu 🌟Neues Plugin: FRASPY Altersprüfung & IdentitätsCheck Plugins für JTL-Shop 3
Neu 🎉 Neues Plugin: "Versandkosten und Lieferzeit automatisch beziehen - UPS Extension" 🎉 Plugins für JTL-Shop 2
Neu Neues Plugin: Formular Portlet (Drag&Drop Dateiupload by FilePond, Kontakt, Retoure, Reklamation, Gewerbenachweis..) Plugins für JTL-Shop 10
Neu Neues Plugin - Solar Steuerfrei (Mehrwertsteuerbefreiung nach §12 Abs. 3 UStGt für Solar- und Photovoltaikanlagen) Plugins für JTL-Shop 7
Neu Plugin Mail senden - Cc / Bcc Technische Fragen zu Plugins und Templates 4
Neu [Gelöst] IT Rechtskanzlei AGB Plugin Fehler "Plugin wurde nicht gefunden" Plugins für JTL-Shop 4
Neu neues Paypal-Checkout (plugin) verhindert Bestellung - keine Zahlungsarten angezeigt (hängt) Betrieb / Pflege von JTL-Shop 8
Neu Problem mit Plugin-Aktivierung und WooCommerce-Kompatibilität WooCommerce-Connector 2
Neu CiN TrackID-Import Plugin User helfen Usern - Fragen zu JTL-Wawi 12
Neu Checkout Postfinance Plugin installieren (Schweiz) Plugins für JTL-Shop 47
Neu JTL Connector zu SW6 auch als Testumgebung möglich ? Onlineshop-Anbindung 2
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 1
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 2
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 0
Neu JTL erstellt falsche Rechnungskorrekturen für Amazon.co.uk Aufträge und verweigert den Support Amazon-Anbindung - Fehler und Bugs 4
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 19
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

Ähnliche Themen