Gelöst Produktbilder-Slider soll horizontal sein

[maahn]

Hallo,
ich habe jetzt bei einigen JTL-Shop-Nutzern gesehen, dass die Thumbnail-Bilder-Leiste nicht vertikal neben dem Produktbild, sondern unterhalb des Produktbildes dargestellt wird. Das finde ich persönlich viel schöner und wüsste gern, wie ich das nun auch hinbekommen kann.

JTL-Shop-Version: 4.04
Evo

Für jeden Tipp bin ich super dankbar.

Beste Grüße,
Maahn

 

[martinwolf]

Für einen Link wo es so umgesetzt wurde, wären wir dankbar 🙂

 

[Groundhog]

Na klar:
https://www.wohlers-versandhandel.de/Pralinenfueller-Fuelltrichter-Professional

Ähm...unter diesem Link sind die Thumbnails aber nicht horizontal...

 

[maahn]

Genau...jetzt ist die Leiste noch vertikal. Ich HÄTTE sie aber gern horizontal, weiß allerdings nicht wie. Sorry, hab mich leider unglücklich ausgedrückt.

 

[ram1]

Die Frage war aber, in welchem JTL-Shop Du die horizontale Leiste gesehen hast 😉

 

[maahn]

Hahahahaha.....Moment...such ich kurz raus.....

 

[maahn]

https://forum.jtl-software.de/threads/thumbnailanzeige-staendig-problematisch.88919/#post-510634
=> Beitrag von Dustin
https://forum.jtl-software.de/threads/zahlreiche-fehler-bilderanzeige-4-03-evo.88172/#post-504842
=> Beitrag von marcheller
https://forum.jtl-software.de/threa...chlechte-darstellung.80999/page-2#post-495109
=> Beitrag von muenster....in der Mitte, hier auch die Website dazu:
https://moda-store.de/Greenburry-VI...intage-Business-Planer-A4-mit-Reissverschluss

Alle haben zwar andere Probleme, aber hier sieht man, dass die Leiste horizontal ist.

Entschuldigt noch mal das Chaos....

 

[FPrüfer]

Für generell horizontale Thumbnails müssen Sie ein paar CSS-Angaben ändern:

.image-gallery.has-thumbs ul.image-container {
    margin: 0;
}
.image-gallery.has-thumbs ul.image-thumbs {
    position: relative;
    top: auto; left: auto;
    margin: 0;
}
.image-gallery.has-thumbs ul.image-thumbs li {
    display: inline-block;
}

 

[maahn]

Perfekt! Hat funktioniert. Vielen Dank @FPrüfer.

 

[Josch41]

Danke, hat mir auch gehilft 😉
@FPrüfer hast du ev noch einen tipp wie das ganze als slider anzuzeigen ist?

 

[FPrüfer]

...wie das ganze als slider anzuzeigen ist?

Was heist das genau? Die Thumbnailvorschau ist doch ein Slider - also wenn genügend Bilder vorhanden sind, dann kann man nach Links und Rechts scrollen!?

 

[Technick]

Bei mir funktioniert die Änderung nicht. Ich habe die entsprechenden Parameter in der bootstrap.css geändert, aber die Thumbnails erscheinen immer noch vertikal. Hat jeman einen Tip?

 

[maahn]

Hast du den Objectcache gelöscht?

 

[Technick]

Ja, ich habe den Browsercache geleert.

 

[Technick]

Kommando zurück, habe jetzt den Cache nicht mit Strg F5 sonder im Browsermenü geleert, damit hat es geklappt.

Vielen Dank!

 

[maahn]

Klasse!