Center bei MouseOver :hover

[MichaEck]

Hallo,
ich suche gefühlt schon ewig nach folgender Lösung.

Wenn ich auf der Startseite von unserem Shop bin werden dort korrekt die Top-Angebote oder Neu im Sortiment angezeigt.Sie sind anfangs linksbündig, wenn ich mit der Maus drübergehe springen Sie in den Center.
Ich finde diese Klasse einfach nicht, hat jemand eine Idee? (Rechtsklick -> Untersuchen habe ich schon probiert)

www.schlei-vikings.com

Dankeschön

 

[css-umsetzung]

Das ist keine Klasse.

Das sind die slick Slider, die werden erst initialisiert, wenn du mit der Maus drauf gehst.
Vermutlich wurde das wegen dem CLS Wert von Google gemacht.

 

[MichaEck]

Das ist keine Klasse.

Das sind die slick Slider, die werden erst initialisiert, wenn du mit der Maus drauf gehst.
Vermutlich wurde das wegen dem CLS Wert von Google gemacht.

Das schaut alles nicht so aus, ich würde die Slicks gern so haben das sich bei hover gar nichts tut.

Sowas macht es noch wilder 🙂

.slick-slider {
width: 300px !important;
background-color: rgba(255, 0, 0, 0.3)!important;
padding: 10px !important;
margin: 10px !important;

}

 

[css-umsetzung]

Ich habe dafür nen kleines JS geschrieben und hier veröffentlicht, damit werden die sofort initialisiert

Den Post findest du hier:
https://forum.jtl-software.de/threads/slider-css-erst-nach-mouseover.188881/#post-1009978

Die ganze Slider Geschichte im Nova ist schlecht gelöst, da passt einfach nichts richtig, ich mach das mittlerweile mit eigenen styles und JS sowie Template Anpassungen wenn es erforderlich ist.

 

[MichaEck]

Das ist total klasse,
bei mir springt es aber immer noch, blödes Template, das EVO war viel besser.

Eine Idee weshalb das Script bei mir nichts funktioniert? Oder läuft es nur im Chrome, denn da geht er gleich in den Slicker.

 

[css-umsetzung]

Drück mal strg F5

das ist bestimmt dein Browser cache

 

[MichaEck]

Drück mal strg F5

das ist bestimmt dein Browser cache

Nein ich glaube ich werde langsam kirre 🙂

Dein Script arbeitet einwandfrei wenn ich NOVA aktiviere, in meinem Child sind die Produkte linksbündig und springen in die Mitte.
Kann man Das JavaScript so umschreiben das beim MouseOver gar nichts passiert? oder Zäune ich das Pferd jetzt von hinten auf?

Morgen ist Launch und ich sehe nur noch CSS 🙁

 

[MichaEck]

Nein ich glaube ich werde langsam kirre 🙂

Dein Script arbeitet einwandfrei wenn ich NOVA aktiviere, in meinem Child sind die Produkte linksbündig und springen in die Mitte.
Kann man Das JavaScript so umschreiben das beim MouseOver gar nichts passiert? oder Zäune ich das Pferd jetzt von hinten auf?

Morgen ist Launch und ich sehe nur noch CSS 🙁

Habe mein Problem, zusammen mit deinem Script, (VIELEN DANK DAFÜR) und mit einer Zeile gelöst:

.slick-track {
width: 100% !important;
}

 

[css-umsetzung]

Du musst die custom.js in deinem child ins js Verzeichnis legen

 

[MichaEck]

Ja, da liegt sie auch. es funktioniert jetzt auch alles wie es soll, nur beim Brave Browser zuckt es noch, damit kann ich aber leben.

Vielen Dank für die Hilfe!!