wir haben auf der Startseite den Bild-Slider eingebunden. Funktioniert soweit ganz gut.
Allerdings baut sich der Slider bei zb. 3-4 Bildern sehr langsam auf und man sieht von Anfang an zuerst 3-4 Bilder untereinander stehen,
wenn die gesamte Seite fertig geladen hat, verschwinden die anderen Bilder und der Slider ist fertig geladen. Gibt es denn die Möglichkeit,
eine Art Preload-Funktion in diesen Slider einzubinden? Ich habe diesen Slider bereits durch eine Autoplay-Funktion erweitert, welche ebenfalls
nicht aus der Administration eingebunden werden kann, hatte auch funktioniert.
Wir haben hier zunächst über css alle Bilder auf display:none gesetzt und wenn der Slider fertig geladen hat wieder auf display: inline-block
-> Somit erzielst du auch beim Google PageSpeed Test einen besseren Wert beim Largest Contentful Paint -> deine Inhalte springen nicht mehr so viel beim Laden der Seite…
Das Format wird erst ab Safari 14 unterstützt - da hast du recht.
Ist auch unser Testshop von daher alles gut - die Funktion an sich funktioniert aber auch wenn du jpg oder png nutzt.
Haben im Testshop noch die verbuggten SW6-Slider-Funktionen verbessert:
Bessere Slide-Erkennung
Zoom-Funktion auf mobilen Endgeräten (Produktdetailseite)
Swipe-Funktion auf Produktdetailseite
Im Produktslider nicht mehr zum nächsten Slide springen, wenn auf ein Produkt geklickt wird (mobile)
5. Bilder auf display:none gesetzt und wenn der Slider fertig geladen hat wieder auf display: inline-block damit es beim Seitenaufruf nicht alle Bilder untereinander darstellt
Gibts hierzu ein Ticket bei Shopware? @dweseom ihr solltet hierzu ein issue erstellen und die Lösung mitliefern. Euer theme wird deswegen kaum einer kaufen, die Lösung würde jedoch vielen sehr helfen.
Wir haben hier zunächst über css alle Bilder auf display:none gesetzt und wenn der Slider fertig geladen hat wieder auf display: inline-block
Macht ihr das immer noch so oder habt ihr das jetzt über lazy load gelöst? Ich konnte kein inline-block bei euren Bildern erkennen? Wir basteln grad auch am Slider und würden diese vorherige Laden ebenfalls gerne verhindern :)
Auch mit der aktuellen 6.4.9. springt der Slider immer noch, weil die Bilder alle zuerst riesig und untereinander geladen werden und der Slider erst dann korrekt umspringt. Wie habt ihr das genau gelöst?
