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.315
449
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.315
449
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 Neues Plugin: Google Translate / Übersetzer (DSGVO-konform und weitere Features) Plugins für JTL-Shop 1
Neu Händlerbund Plugin lässt sich nicht installieren Shop ver. 5.3.0 Plugins für JTL-Shop 1
Neu Eigene Seiten mit Plugin erstellen Technische Fragen zu Plugins und Templates 0
Neu Neues Plugin: Instagram-Feed Portlet (Als Galerie- oder Slideransicht und weitere Features) + 3x kostenlose Lizenzen Plugins für JTL-Shop 3
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 8
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 Badges / Artikelsticker bei JTL Shop 5.3.0 Templates für 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

Ähnliche Themen