deutschevita
Aktives Mitglied
Hallo zusammen,
ich habe ein Problem mit dem Slick-Slider (Produktslider) und zwar auf allen Seiten, auf denen dieser im Shop 5 auftaucht.
Verwendet wird der Shop 5 (latest).
Der Slick-Slider initialisiert auf dem Desktop ja bei Mouseover, da er lazy ist.
Zuvor, also beim Laden der Seite, sieht alles ganz normal aus, ich sehe also die eingestellte Anzahl an Produkten über die Breite des Containers (also im Contentbereich, kein Fluid).
Sobald ich über den Slick-Bereich fahre, wird die Slideshow initialisiert. Allerdings habe ich nunmehr nur noch ein Produkt, das über die Breite des gesamten Bildschirms (also container-fluid) angezeigt wird. Der Slider funktioniert ansonsten auch ganz wunderprächtig, aber dieses Verhalten kann wohl nicht intendiert sein.
Ich habe keinerlei Veränderungen an den js-files vorgenommen und das Problem tritt mit dem default NOVA-Template auf.
Kann mir jemand einen Tipp, geben, woran das liegt oder wo ich suchen muss?
Versucht habe ich auch schon den Slick-Slider manuell zu initialisieren:
Diese Funktion rufe ich auf, sobald die Seite vollständig geladen ist. Allerdings wirft er mir dann den Fehler, dass initSlick keine verfügbare Funktion ist.
Über Ideen wäre ich dankbar - vielleicht hatte jemand schon das Problem?
Liebe Grüße!
ich habe ein Problem mit dem Slick-Slider (Produktslider) und zwar auf allen Seiten, auf denen dieser im Shop 5 auftaucht.
Verwendet wird der Shop 5 (latest).
Der Slick-Slider initialisiert auf dem Desktop ja bei Mouseover, da er lazy ist.
Zuvor, also beim Laden der Seite, sieht alles ganz normal aus, ich sehe also die eingestellte Anzahl an Produkten über die Breite des Containers (also im Contentbereich, kein Fluid).
Sobald ich über den Slick-Bereich fahre, wird die Slideshow initialisiert. Allerdings habe ich nunmehr nur noch ein Produkt, das über die Breite des gesamten Bildschirms (also container-fluid) angezeigt wird. Der Slider funktioniert ansonsten auch ganz wunderprächtig, aber dieses Verhalten kann wohl nicht intendiert sein.
Ich habe keinerlei Veränderungen an den js-files vorgenommen und das Problem tritt mit dem default NOVA-Template auf.
Kann mir jemand einen Tipp, geben, woran das liegt oder wo ich suchen muss?
Versucht habe ich auch schon den Slick-Slider manuell zu initialisieren:
function force_lazy_slick() {
$('.slick-lazy').each(function () {
let mainNode = $(this);
mainNode.removeClass('slick-lazy');
if (!mainNode.hasClass('slick-initialized')) {
mainNode.find('.product-wrapper').removeClass('m-auto ml-auto mr-auto');
self.initSlick(mainNode, mainNode.data('slick-type'));
}
});
}
Diese Funktion rufe ich auf, sobald die Seite vollständig geladen ist. Allerdings wirft er mir dann den Fehler, dass initSlick keine verfügbare Funktion ist.
Über Ideen wäre ich dankbar - vielleicht hatte jemand schon das Problem?
Liebe Grüße!