Gelöst Ansicht Mini Bilder Artikeldetails

[tresor-online]

Hallo!

Ich hab mal eine Frage: ist es normal, dass die Mini Bilder in den Artikeldetails so dargestellt werden, wie auf dem Screenshot?
Also immer weiter und weiter und weiter?
Oder ist da irgendwo ein Fehler bei mir im Template? Schöner wäre es, wenn die Bilder nur in der Höhe des großen Bildes angezeigt würden, und man mit "Pfeil rauf, Pfeil runter" scrollen kann.

lg
Roland

 

[FMoche]

Schöner wäre es, wenn die Bilder nur in der Höhe des großen Bildes angezeigt würden, und man mit "Pfeil rauf, Pfeil runter" scrollen kann.

..und genau so ist es im Original auch:

 

[tresor-online]

hmmm, ich hab mir das schon gedacht, aber komischerweise ist es bei mir nicht so, auch wenn ich auf ein original Evo Template umstelle...

 

[tresor-online]

Wo könnte denn da das Problem liegen?

 

[tresor-online]

niemand eine Idee?

 

[Seulberg]

Einstellung 1130 ??

 

[tresor-online]

Kanns leider auch nicht sein, Varkombis sind keine erstellt, also sollte die Einstellung nicht greifen. Außerdem ist sie auf "3" gesetzt. :/

 

[Tomas]

Hast du denn mal einen Link zu dem Shop?

 

[tresor-online]

Der Shop befindet sich noch im Wartungsmodus.
Ich deaktivier ihn jetzt mal, sag bitte bescheid, wenn du dir den Shop angeschaut hast, dann aktivier ich den wieder.
Link zu einem Artikel

 

[Tomas]

Ich hab's!

Dein .product-primary Div ist sehr lang. Der zieht sich bis unter den Konfigurator. Da das .product-primary Div für die Berechnung der Höhe der Thumbs-Box herangezogen wird, sind bei dir aktuell 51 Thumbs möglich.

Jetzt ist die Frage, wie hoch du die Thumbs-Box überhaupt haben willst. Und wie du das lieber umsetzen möchtest.

Spontan fallen mir da zwei Ideen ein:

1. Du kannst der Thumbs-Box z.B. in deiner CSS mit max-height eine maximale Höhe verpassen.

Das könnte dann z.B. so aussehen. Wobei du das evtl. noch mit ein paar Media Queries an deine Breakpoints anpassen solltest.

.thumbs-box{max-height: 455px;}

2. Du kannst auch theoretisch die jtl.gallery.js in dein Child Theme kopieren und Zeile 324 durch sowas ersetzen wie:

primary_h   = $('.image-container').height();

Ich habe in unseren Child Theme die jtl.gallery.js auch angepasst. Aber bedenke bitte, dass du damit deine Updatefähigkeit verlierst, was diese Datei angeht.

Edit: Das war jetzt eigentlich die "Kurzfassung", weil ich nicht weiß wie deine expertise in Sachen Template-Entwicklung ist. Wenn du es detailierter brauchst, dann sag Bescheid.

VG
Tomas

 

[tresor-online]

Hallo Tomas!
Perfekt! Danke dir! Lösung 1 war zwar nicht praktikabel für mich, weil dadurch zwar nur die Thumbs bis zu einer gewissen Höhe angezeigt werden, aber keine Pfeile, um zu scrollen, wenn mehr Bilder vorhanden sind.
ABER! Lösung 2 hat perfekt funktioniert! Danke dir!
Ich versteh zwar immer noch nicht, warum das standardmäßig nicht so ist bei mir, aber das soll mir jetzt auch egal sein...

Nochmal Danke und ein schönes Wochenende!