Bild-Slider Preload-Funktion

Hallo zusammen,

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.

Vielleicht kann mir da wer helfen, würde mich echt freuen!

Lg
Rudi

Keiner eine Ahnung? Frown

Hi @RuKo‍

meinst du so wie hier?

https://eseom-shopware-6-demo.eseom.de/

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…

@MaxW‍

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:

  1. Bessere Slide-Erkennung

  2. Zoom-Funktion auf mobilen Endgeräten (Produktdetailseite)

  3. Swipe-Funktion auf Produktdetailseite

  4. 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.

lg

marc

@kanuma‍

Ich hatte ein issue geöffnet dieser wurde aber einfach geschlossen:

https://issues.shopware.com/issues/NEXT-4921

Keine Ahnung warum :slight_smile:

Das folgende Ticket steht auf “Backlog”:

https://issues.shopware.com/issues/NEXT-9085

[@Moritz Naczenski](http://forum.shopware.com/profile/14574/Moritz Naczenski “Moritz Naczenski”)‍ wann ist hier mit einem Fix zu rechnen? 

Mit freundlichen Grüßen 

Marc

@dweseom schrieb:

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?

Lg