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

HelmaSpona

Sehr aktives Mitglied
7. Dezember 2012
771
33
Kerken
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;

}
}
 

Xantiva

Sehr aktives Mitglied
28. August 2016
1.787
315
Düsseldorf
Wieso funktioniert das nicht? Wenn ich den Browser verkleinere, ist der Koch irgendwann weg. Aber Ladezeiten von 8 Sekunden, bevor man überhaupt etwas sieht? :eek:

upload_2016-12-28_22-24-45.png
 

HelmaSpona

Sehr aktives Mitglied
7. Dezember 2012
771
33
Kerken
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

Sehr aktives Mitglied
28. August 2016
1.787
315
Düsseldorf
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:

upload_2016-12-28_22-56-11.png

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

Sehr aktives Mitglied
7. Dezember 2012
771
33
Kerken
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

Gut bekanntes Mitglied
13. November 2010
141
3
Hallo

du hast noch unsicheren Inhalt:
Code:
<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
 

Anhänge

  • ihmsen.png
    ihmsen.png
    56,3 KB · Aufrufe: 9

HelmaSpona

Sehr aktives Mitglied
7. Dezember 2012
771
33
Kerken
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

Gut bekanntes Mitglied
13. November 2010
141
3
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

Sehr aktives Mitglied
7. Dezember 2012
771
33
Kerken
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

Gut bekanntes Mitglied
13. November 2010
141
3
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

Sehr aktives Mitglied
7. Dezember 2012
771
33
Kerken
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

Sehr aktives Mitglied
7. Dezember 2012
771
33
Kerken
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.
 

Anhänge

  • Ladezeiten.jpg
    Ladezeiten.jpg
    68,7 KB · Aufrufe: 4

HelmaSpona

Sehr aktives Mitglied
7. Dezember 2012
771
33
Kerken
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.