Neu Benutzerdefiniertes Hintergrundbild im Evo-Template, abhängig von der Auflösung anpassen

[HelmaSpona]

Hallo,
ich habe ein kleines Problem. Im Shop
https://shop-dunstabzugshauben.de/index.php

habe ich im Evo-Template ein benutzerdefiniertes HIntergrundbild festgelegt, das sieht auch bei großen Auflösungen top aus. Wenn die Auflösungen kleiner sind, ist aber Finger von dem Koch und teilweise der halbe Koch nicht mehr sichtbar. Mir ist schon klar, warum.

Ich habe jetzt versucht durch Anpassung der CSS-Datei bei einem kleineren Fenster bzw. einer kleineren Auflösung zu erreichen, dass das Bild kleiner angezeigt wird und damit besser dargestellt wird. Das ist mir aber nicht gelungen. Der Code scheint nicht geladen zu werden. er steht am Ende der less.css. Mir wäre schon geholfen, wenn das Hintergrundbild ab einer bestimmten Auflösung einfach ausgeblendet wird. Zumindest wüsste ich dann schon mal, dass die Stile angewendet werden. Will mir aber nicht gelingen. Hab ich nen Brett vorm Kopf?

Oder hat jemand eine andere Idee, wie ich das hinbekomme?

@media (max-width:1024px) {
/* Breite beträgt höchstens 1024px */

.backstretch {
display:none !important;
}
.backstretch > img {
display:none !important;

}
}

 

[adelheid_f]

Hallo

sollte die erste Zeile nicht so aussehen?

@media screen and (max-width: 1024px) {

Liebe Grüße
Adelheid

 

[HelmaSpona]

Das ist mir noch gar nicht aufgefallen muss ich sagen .... Teste ich gleich mal, vielleicht war es das ja wirklich.

 

[HelmaSpona]

Ne, hat leider auch nichts gebracht ...

 

[Xantiva]

Wieso funktioniert das nicht? Wenn ich den Browser verkleinere, ist der Koch irgendwann weg. Aber Ladezeiten von 8 Sekunden, bevor man überhaupt etwas sieht?

 

[HelmaSpona]

Ja, der KOch ist irgendwann weg, aber ich glaube, das macht das template selbst, das Hintergrundbild ausblenden, wenn links und rechts kein Platz mehr ist, denn die andere Formatierung, die ich extra eingefügt habe, um zu testen, ob die Stile angewendet werden, wird nicht angewendet. Dann müste die Navigation nämlich eine hellgraue Hintergrundfarbe haben.

Das mit der Ladezeit, ja da hast du recht, ich habe aber echt keine Ahnung woran das liegt. Es ist das Standard-EVO-Template mit ein paar notwendigen Plug-Ins, wie das für die Energieeffizienzklassen. Ich könnte das zwar mal testhalter deaktivieren, aber da wir das brauchen, könnten wir ja ohnehin nichts ändern, wenn das der Grund wäre.

 

[Xantiva]

Du willst nicht ersthaft einen Shop online gehen lassen, der fast 8 Sekunden braucht, nur um den Quellcode zu erzeugen? Als Kunde würde ich vermutlich noch nicht mal das Laden der Seite abwarten, weil denken würde, die Seite funktioniert nicht.

Da stimmt auch noch etwas mit den Weiterleitungen nicht:



Ich rufe die https Version ohne index.php auf und werden auf die unverschlüsselte index.php weitergeleitet, die dann wiederum auf die verschlüsselte Version weiterleitet? Die ersten 800ms verlierst Du schon mal damit.

 

[HelmaSpona]

Danke für den HInweis. Da hab ich noch gar nicht drüber nachgedacht, dass wir die Weiterleitungen auf jeden Fall anpassen müssen, nach aktivieren der sSL-Verschlüsselung. Werde ich mir morgen mal ansehen heute schaffe ich das nicht mehr.

 

[adelheid_f]

Hallo

du hast noch unsicheren Inhalt:

<img src="http://vdm-i.de/jtl_vdm-i/bilder/trustedshops_m.png" title="Klicken Sie auf das Gütesiegel, um die Gültigkeit zu prüfen!">

Das TS-Logo im Footer.

Mein Firefox lädt sich an der Startseite einen Wolf. Von dem Koch sehe ich nicht viel (1350 px normale Breite im FF), Nur wenn ich die Bildschirmauflösung im Firebug auf 1920 setze, ist er ganz zu sehen.

Liebe Grüße
Adelheid

 

[HelmaSpona]

Danke für den Hinweis. Du bist echt super!. Jetzt bin ich wieder da und werde die beiden Sachen mit der Umleitung und dem Footer noch mal in Angriff nehmen und dann auch noch mal nach dem Hintergrundbild gucken.
Weil der Koch ja nicht ganz zu sehen ist, wenn die Auflösung zu klein ist, wollte ich das ja über CSS anpassen. Das war ja Grund für den ursprünglichen Post.

 

[adelheid_f]

Hallo
ich würde mal den Koch ganz rausnehmen und gucken, ob das die Ladezeiten verbessert. Meine 1350px auf einem 15"-Laptop würde ich nun nicht als klein bezeichnen, eher als Durchschnitt . Wenn der Koch überhaupt nur bei > 1920 ganz zu sehen ist, finde ich es kontraproduktiv, ihn überhaupt anzuzeigen. Selbst wenn du ihn bei < 1024 ausblenden läßt, wird er ja doch erstmal geladen und dann erst ausgeblendet, weil erst das "normale" css abgearbeitet wird und dann erst das für < 1024 (soweit ich weiß).
Liebe Grüße
Adelheid

 

[HelmaSpona]

Ich würde gerne versuchen, bei kleineren Auflösungen das Hintergrundbild anders zu positionieren so dass er dann auch gut zu sehen ist. Der Koch kann doch gar nicht das Problem der Ladezeiten sein, denn es ist ja nur die STartseite so langsam, die Unterseiten laden ja schnell und wenn man 20x die Startseite augerufen hat, befindet sich das Bild ja im Browsercache. Zudem war die Seite vor dem Hintergrund auch nicht schnell. derzeit ist sie aber extrem langsam. Ich habe mal ins Fehlerprotoll beim Provider gesehen und da standen diverse Fehlermeldungen. Auf Rückfrage habe ich von deren Support ie Infos bekommen die FEhlermeldungen kann ich irgnorieren die sind nicht das Problem, Sie könnten aber erkennen, dass eine Datenbankabfrage das Problem ist, Muss ich glaube ich mal JTL meldne, ich kenne nämlich noch einen 4er- Shop, wo die Startseite auch sehr langsam lädt.

Die Umleitungen sind inzwischen korrigiert und teilweise auch entfernt ich habe auch getestet, wenn ich alle Plug-Ins abschalte ob das schneller wird, Aber da ist der Unterschied nur minimal.

 

[adelheid_f]

Hallo
bezgl. Koch: Wie willst du das denn machen? Laut Original-Css wird der Koch bei < 1200 ausgeblendet. Bei > 1920 ist er erst richtig zu sehen. Da müsste sich das Bild in dem Bereich zwischen 1200 und 1920 der Größe anpassen, also je kleiner die Auflösung, desto kleiner das Bild. Da gibt es css für, aber ob das mit JTL geht, weiß ich nicht.
Bzgl. Ladezeit: Ich habe mir deinen Quelltext angeguckt. Nun bin ich kein JTL-Crack, aber MUSS da so massenhaft Code im Quelltext stehen? Über 140000 Zeilen Quelltext finde ich ein bißchen viel.
Liebe Grüße
Adelheid

 

[HelmaSpona]

Was meinst du mit "code". Javascript? Ich hab da nichts eingefügt. Das ist das Standard-Evo-Template mit minimalen Änderungen, die 4 Icons im Header oben. Wenn könnte der Code von den Plug-Ins kommen. Aber die sind auch nicht das Problem, denn die Seite wird nicht wirklich schneller, wenn ich alle Plug-Ins deaktivere.

laut Provider, wartet die Seite 7 Sekunden auf eine Antwort vom Server. Und da stellt sich ir die Frage, warum? was auf der Seite sorgt für diese Wartezeit.

 

[HelmaSpona]

Ich hab mal die Ladezeitanalyse für die Seite gespeichert. Es scheint so, als wenn die wirklich 7,5 Sekunden nur wartet, auf wen oder was, keine Ahnung.

 

[HelmaSpona]

Ich hab jetzt noch mal die Plug-Ins deaktiviert und dann sit die Seite sehr viel schneller, Ich muss wohl gestern eines übersehen haben. Es scheint das Plug-In für die Energieeffizienz-Label zu sein. Werde da gleich mal den Support anschreiben.

Wegen dem Bild mach ich dann auch noch mal einen Versuch.