Neu Artikelboxen unterschiedlich hoch auf Startseite?

[Japsa]

Hallo,
ich verwende über den Dropper auf meiner Startseite das Template:
snippets/product_slider_random.tpl - im Dropper so eingebunden:

{include file='snippets/product_slider_random.tpl' hideOverlays=true title='Zufällfige Produkte' limit='6'}

Das Ergebnis: https://sanitaerfixx.com
Jetzt ist es aber so, dass die Artikelboxen beim Wechsel unterschiedlich hoch sind und ich wüsste jetzt nicht, wie ich das beheben könnte?

https://oppel.eu/jtl/hoehe.JPG

Könnte mir da jemand helfen?
Gruß Dirk

 

[Rico Giesler]

Im Chrome werden sie korrekt angezeigt...

 

[Japsa]

Im Chrome werden sie korrekt angezeigt...

Aber eben nicht immer - der Screen oben stammt ja aus dem Chrome. Da die Bilder immer per Zufall quasi aus dem ganzen Sortiment per geladen werden, gibt es da immer mal wieder Problem und ich weiß eben nicht, wie ich das per CSS immer auf die gleiche Höhe bringen könnte?

 

[FPrüfer]

In der Templatedatei snippets/product_slider_random.tpl muß es einen Container <div class="row"> geben. Gib diesem mal zusätzlich die Klasse "row-eq-height", also <div class="row row-eq-height">.
Dadurch müßte eigentlich die gleiche JS-Formatierung greifen, die sonst in der Gallerie-Ansicht den Boxen eine einheitliche Höhe verpasst.

 

[robertw]

Diese Funktion ist aber auch in der Galerie-Ansicht auf der Artikelliste fehlerhaft. Die richtige Höhe erhält die Box dann erst nach einen window.resize

 

[FPrüfer]

Diese Funktion ist aber auch in der Galerie-Ansicht auf der Artikelliste fehlerhaft. Die richtige Höhe erhält die Box dann erst nach einen window.resize

Nein, die passenden Höhen werden schon beim erstmaligen Aufruf der Seite berechnet. Das dies im Evo fehlerhaft ist und nicht funktioniert ist mir nicht bekannt.

 

[Japsa]

In der Templatedatei snippets/product_slider_random.tpl muß es einen Container <div class="row"> geben. Gib diesem mal zusätzlich die Klasse "row-eq-height", also <div class="row row-eq-height">.
Dadurch müßte eigentlich die gleiche JS-Formatierung greifen, die sonst in der Gallerie-Ansicht den Boxen eine einheitliche Höhe verpasst.

Danke. Sieht gut aus

 

[robertw]

@FPrüfer
http://waedow.com/jtl-shop-resize.gif

In dem GIF siehst du den Fehler. Die korrekte Höhenberechnung erfolgt erst nach einem window.resize. Ich denke mal, dass es daran liegt, dass die Bilder noch nicht geladen sind und daher die angenommene Höhe nicht der Bilderhöhe entspricht. Ich habe Felix schon mehrmals darauf hingewiesen.

 

[FPrüfer]

OK, aber die Boxen sind gleich hoch! In der 4.06 haben wir an der Darstellung der Gallerieansicht gearbeitet und das CSS angepasst. Dort ist mir dieser Effekt noch nicht aufgefallen.
Es kann hier jedoch zu geringfügigen Abweichungen kommen. Aus Performancegründen werden möglichst viele Stylesheets, Javascripts, Bilder etc. gleichzeitig bzw. erst bei Bedarf (Stichwort Lazy Loading) geladen. Es kann deshalb beim Start der Seite sein, dass noch nicht alle Styles (vor allem Schriftarten) geladen sind, während schon die Höhe der Boxen angepasst wird. Beim onResize ändert sich das dann nochmal geringfügig.

 

[FMoche]

@robertw Der Demoshop ist jetzt auf 4.06 und ich kann das Verhalten da so nicht mehr nachvollziehen.

 

[robertw]

Super! sieht gut aus. danke