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

mastertango

Sehr aktives Mitglied
10. Oktober 2009
2.435
31
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
851
246
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.435
31
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.435
31
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
851
246
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.435
31
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.435
31
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....
 
  • Gefällt mir
Reaktionen: cakrap
Ähnliche Themen
Titel Forum Antworten Datum
Neu In Chrome, Header lädt jedes mal sichtbar NEU, Nova Child mit JTL-Header Plugin JTL-Shop - Fehler und Bugs 2
Neu JTL Shop RMA Formular - Plugin JTL-Shop - Ideen, Lob und Kritik 1
Neu JTL-Vouchers für Shopware 5 Plugin Shopware-Connector 1
Neu JTL Shop 4 - Plugin SQL Procedure Technische Fragen zu Plugins und Templates 4
Neu Plugin: "JTL Theme Editor" in Shop 5 - Fehler beim Speichern der Datei. Allgemeine Fragen zu JTL-Shop 5
Neu 💙 Neues Plugin: Warenkorb-Button Plus (für JTL-Shop 4 und JTL-Shop 5) Plugins für JTL-Shop 5
Neu 💙 Neues Plugin: Payment & Shipping Icons Plus (für JTL-Shop 4 und JTL-Shop 5) Plugins für JTL-Shop 0
Neu Backup Plugin schon JTL-Shop 5 ready? Plugins für JTL-Shop 0
Neu 💙 Neues Plugin: Energielabel (für JTL-Shop5) - empfohlen vom Händlerbund! Plugins für JTL-Shop 3
Neu 💙 Neues Plugin: Messenger Kontaktlayer (für JTL-Shop5) Plugins für JTL-Shop 5
Neu 💙 Neues Plugin: Artikelsticker Plus (für JTL-Shop5) Plugins für JTL-Shop 2
Neu JTL Shop5 Plugin " Gefahrensymbol" Com-ins-netz CIN GmbH Plugins für JTL-Shop 0
Neu Mixbox Plugin für JTL-Shop5 Com-ins-netz CIN GmbH Plugins für JTL-Shop 0
Neu Exit intent Popup Plugin für JTL 5 User helfen Usern - Fragen zu JTL-Wawi 3
Neu Woocomerce Shop Ablgeich Fehler JTL-Plugin : CustomerTrait.php:68 WooCommerce-Connector 1
Neu 💙 Neues Plugin: FAQ mit strukturierten Daten (für JTL-Shop 5) Plugins für JTL-Shop 0
Neu 💙 Neues Plugin: Kategorietext Anzeige Plus (für JTL-Shop4 und JTL-Shop5) Plugins für JTL-Shop 0
Neu 💙 Neues Plugin: Lexikon/Glossar (für JTL-Shop5) Plugins für JTL-Shop 0
Neu Mollie plugin - Beschreibung der zahlarten hinterlegen Plugins für JTL-Shop 0
Neu Neue Plugins erscheinen nicht im Plugin-Manager Plugins für JTL-Shop 8
Neu Plugin Migrations werden beim deinstallieren nicht zurück gesetzt JTL-Shop - Fehler und Bugs 0
Neu paypal plugin auf entwicklungsstand Plugins für JTL-Shop 2
Neu Compilieren ohne Theme-Editor-Plugin per IDE Technische Fragen zu Plugins und Templates 3
Neu Gibt es ein GUTES und für Kunden INTUITIVES Plugin für DHL Packstation? Plugins für JTL-Shop 5
Neu Plugin Google Shopping - Kontosperrung wegen Wasserzeichen Plugins für JTL-Shop 1
Neu GELÖST Connector Plugin lässt sich nicht aktivieren. WooCommerce-Connector 0
Neu 📢 Plugin "Mail nach Newsletter Aktivierung" by NETZdinge.de Plugins für JTL-Shop 0
Neu JTL5.1.1 Weiße Seite im Plugin-Manager Allgemeine Fragen zu JTL-Shop 1
Neu Google Shopping Plugin - Energieeffizienzklasse Plugins für JTL-Shop 0
Beantwortet Plugin entfernen? SEO-Cleaner [35 Fehler: XML-Version entspricht nicht der Konvention.] Betrieb / Pflege von JTL-Shop 2
Neu 📢 Plugin: Social Tool mit After Buy Share by NETZdinge.de Plugins für JTL-Shop 0
Neu Google Shopping Plugin - Exportdatei wird nicht erzeugt Plugins für JTL-Shop 0
Neu Plugin für DHL Wunschpaket Standort Fehler? Plugins für JTL-Shop 24
Neu Slider Plugin wie z.B. Slider Revolution für WP Plugins für JTL-Shop 0
Neu Mollie Webstollen Plugin Plugins für JTL-Shop 0
Neu Plugin zum Ergänzen der ShopID PrestaShop-Connector 1
Plugin Suche FAQ Produkt Plugin Upgrade JTL-Shop4 auf JTL-Shop5 0
Neu Mollie Plugin - Zahlungslink erneut erstellen Plugins für JTL-Shop 1
Neu Attribut "keine Preissuchmaschinen" bei Google Shopping Plugin Onlineshop-Anbindung 0
Neu Shopauskunft Plugin für Shop 4 Plugins für JTL-Shop 3
Neu Mehrsprachlichkeit im Shop - Problem mit Multi-Domain Plugin von [tech]Neo Plugins für JTL-Shop 1
Sprachwechsel in Plugin Shop 5 Hook 140 sprachvariable nicht aktuell Upgrade JTL-Shop4 auf JTL-Shop5 0
Neu AJAX Anfrage an Plugin senden Technische Fragen zu Plugins und Templates 2
Neu Shop5 Plugin " Pfand incl. Altteilesteuer für den KFZ Handel" Com-ins-netz CIN GmbH Plugins für JTL-Shop 0
Neu 📢 Plugin "Geschenkartikel Plus" by NETZdinge.de Plugins für JTL-Shop 1
Neu Plugin für Datenblatt-Erstellung gesucht User helfen Usern - Fragen zu JTL-Wawi 0
Neu Google Shopping (Plugin) Liste Plugins für JTL-Shop 1
Neu Plugin Entwicklung: Smarty Variable in .tpl file anmelden Technische Fragen zu Plugins und Templates 1
Neu Google Shopping Plugin, ein weiterer Parameter, wie? Plugins für JTL-Shop 1
In Bearbeitung "JTL-POS muss beendet werden!" JTL-POS - Fehler und Bugs 1

Ähnliche Themen