Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstellung

[charly76]

Moin,

leider ist die Darstellung im 4er Shop von Artikelbildern immer noch nicht Optimal. Ich habe eben einen Artikel mit 14 Bildern hochgeladen. Die Leiste mit kleinen Bildern ist sehr lang und es sind auch nur 10 oder 11 zu sehen, der Rest ist nicht zu sehen. Die Leiste mit kleinen Bildern variiert je nach Länge der Beschreibung neben dem Bild.



Hier ist noch die Leiste mit Kategorien auf der Linken Seite angeschaltet, dadurch ist der Text rechts kleiner und es sind 1,5 Bilder in klein mehr zu sehen.



Wäre schön wenn das noch optimiert wird. So ist Darstellung sehr unschön.

 

[IchBinEs]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

push

 

[ag-websolutions.de]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Link zu dem Artikel?

 

[charly76]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Z.B:
https://www.jakspeed-racing.de/Traxxas-XMAXX-X-Maxx-RTR

 

[ag-websolutions.de]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Trag mal in deine theme.css folgende css-Regel ein

form#buy_form ul.image-thumbs.carousel.vertical {max-height:460px;overflow-y:scroll;}

 

[charly76]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Danke für den Tipp. Ist nicht hübsch mit dem Balken, aber viel besser wie die vorige Fehlerhafte Ansicht.

Habe es in die Custom.css eingetragen, bei theme.css hat es keine Änderung gebracht.

Ich hoffe JTL korrigiert den Fehler noch, ist ja schon 2 Monate her . Am liebsten wäre mir, die kleinen Bilder unter dem Hauptbild. Dann könnte man das vielleicht auch irgendwann mal größer machen, sofern die Hauptbilder denn auch Responsive eingebunden wären.

 

[ag-websolutions.de]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Außer einer Umpositionierung ... wie soll denn der fehler sonst behoben werden?

 

[charly76]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Ich möchte gar nichts anderes wie eine Umpositionierung haben , bei dem etwas kleineren Fenster rutschen die kleinen Bilder schön unters große Bild.

Ansonsten wäre es an der Seite ja mit durchscrollen möglich. Nicht mit einem Scrollbalken, sondern z.B. mit einem Pfeil oben und unten. So wie hier z.B. PILLOW TALK | Snowboard | Ausrüstung | Höhenluft & Abenteuer | Demoshop

Da kann man auch schön sehen, wie das Hauptbild auch kleiner wird, je nach Endgerät oder Auflösung.

Im 4er Shop bleibt das Hauptbild leider immer gleich groß und man kann es deswegen nicht größer einstellen, wie auf dem kleinsten anzuzeigenden Medium (Smartphone), wird sonst bei kleineren Auflösungen abgeschnitten. Sieht am 27" nicht wirklich toll aus.

 

[ag-websolutions.de]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Im 4er Shop bleibt das Hauptbild leider immer gleich groß und man kann es deswegen nicht größer einstellen,

Ergänze mal dein theme.css um

form#buy_form ul.image-container li.item.active {max-width:100%;height:auto;}

 

[IchBinEs]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Bei mir sind die leider vertikal geblieben
Am besten wäre es wie in der Tabletansicht... Dort sind sie dann unten quer

 

[charly76]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Ergänze mal dein theme.css um

Danke, das schaut gut aus. Kannst du mir noch verraten in welcher Datei die Maximale Bild Größe definiert wird?

@muenster
Die bleiben auch vertikal, nur mit Scrollbalken. Besser wie über den Artikeltext.

 

[ag-websolutions.de]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

in welcher Datei die Maximale Bild Größe definiert wird?

Bildgrößen definierst du im Shop-Admin

 

[charly76]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Hmm da habe ich es größer eingestellt, zum Testen auf 500 x 500PX, das Bild wird aber weiterhin in 320x224 angezeigt, laut Bildinfo ist es jetzt 500x350PX groß und wird vom Shop runterskaliert.

Kleiner machen geht, nur größer nicht. Eingestellt auf 200x200 und es sind nur noch 200x200

 

[charly76]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Nachtrag:

Das die Bilder nicht größer angezeigt werden, lag am Server Cache. Ich weiß nicht warum die Einstellung trotz Cache sofort bei kleinen Bildern funktioniert und bei größer eingestellten Bildern wieder das alte 320x224 Bild zu sehen ist.

Ich habe gestern wegen einem Plugin Fehler zum Testen den Server Redis Cache gelöscht und danach sind mir die größeren Bilder aufgefallen, den Template Cache hatte ich vorher schon gelöscht. Hatte nichts gebracht.

Noch mal vielen Dank für die Super Hilfe. Dann kann JTL zumindest teilweise was davon für die 4.0.3 übernehmen

 

[Einrad-Shop]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Außer einer Umpositionierung ... wie soll denn der fehler sonst behoben werden?

Wie kann man denn eine Umpositionierung bewerkstelligen?
Bei kleiner Fenstergröße ist es ja schon umpositionieret.
An welcher Stelle wird denn im Template auf die Fenstergrößen eingeangen?

 

[martinwolf]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

An welcher Stelle wird denn im Template auf die Fenstergrößen eingeangen?

Per Boostrap Klasse wie, col-sm-7, und den entsprechenden CSS Regeln.

 

[Einrad-Shop]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Es gibt 4 Breiten?
@media (min-width:992px)
@media (min-width:1200px)
@media (min-width:768px)
@media screen and (max-width:767px)

D.h. man muß die bilder bei (min-width:992px) und (min-width:1200px) wie (min-width:768px) behandeln?
Im bootstrap.min.css ?

 

[Einrad-Shop]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

In der Bootstrap.css
Folgendes auskommenteiren, dann geht es

/*
@media (min-width: 992px) {
  .image-gallery {
    position: relative;
  }
  .image-gallery.has-thumbs ul.image-container {
    margin: 0 0 0 60px;
  }
  .image-gallery.has-thumbs ul.image-thumbs {
    position: absolute;
    top: 0;
    left: 0;
    margin: -5px 0 0 -5px;
  }
  .image-gallery.has-thumbs ul.image-thumbs li {
    display: block;
  }
} */

siehe
Handwerkerstelzen

 

[ag-websolutions.de]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Änderungen an dr bootstrap.css sind nicht updatesicher!

 

[IchBinEs]

AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Änderungen an dr bootstrap.css sind nicht updatesicher!

eine Idee wie man es anders hinbekommt? Denn so wie bei Einrad- Shop wäre es Ideal