Produktbilder in Vergleichstabelle ähnlich wie sticky Navigation

marvellous · 17. Oktober 2019

Hallo Community,
ich würde gerne bei mir auf der Webseite (https://wagenheber.info/profi-wagenheber/) die Vergleichstabellen erweitern. Nur wird man dann beim nach unten scrollen nicht mehr sehen um welches Produkt es sich handelt. Deswegen würde ich gerne den Produktnamen und die Bilder am oberen Rand mitlaufen lassen. Quasi wie bei einer Sticky Navigation. Habe schon meherer Seiten gesehen, die das ganz gut umgesetzt haben. Beispielsweise hier. Mit dem Theme das ich verwende ist das leider nicht möglich. Kenn Ihr ein gutes Plugin das ich verwenden kann oder habt irgend eine andere Idee wie das funktionieren könnte?
Vielen Dank im Voraus.

mensmaximus · 17. Oktober 2019

Bei einer Darstellung als Tabelle ist das nicht per css möglich. Da hilft nur Javascript / jQuery. Man muss die Zeile product-row-image überwachen ob sie den oberen Bildschirmrand erreicht. Wenn ja kopiert man sich die Zeilen product-row-image und product-row-title in eine neue Tabelle, die man mit position sticky an den oberen Rand 'klebt'. Umgekehrt muss man es auch programmieren, also wenn wieder nach oben gescrollt wird.

WPDE.org

Produktbilder in Vergleichstabelle ähnlich wie sticky Navigation

marvellous New Member

mensmaximus Well-Known Member

Nützliche Suchen

Produktbilder in Vergleichstabelle ähnlich wie sticky Navigation

marvellous New Member

mensmaximus Well-Known Member