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

martinwolf

Offizieller Service Partner
SPBanner
6. September 2012
3.724
355
AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Dann müssen die Werte innerhalb der Regeln überschrieben/anulliert werden.
 

martinwolf

Offizieller Service Partner
SPBanner
6. September 2012
3.724
355
AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Code:
@media (min-width: 992px) {
  .image-gallery.has-thumbs ul.image-container {
    margin: 0;
  }
  .image-gallery.has-thumbs ul.image-thumbs {
    position: static;
  }
  .image-gallery.has-thumbs ul.image-thumbs li {
    display: inline-block;
  }
}
 

IchBinEs

Sehr aktives Mitglied
25. September 2012
1.839
39
AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Irgendetwas ist bei uns noch falsch *heul*
galerie.JPG
die untere Reihe läuft in den Tab rein, einer eine Idee woran es liegen kann
 

Anhänge

  • galerie.JPG
    galerie.JPG
    34,5 KB · Aufrufe: 68

martinwolf

Offizieller Service Partner
SPBanner
6. September 2012
3.724
355
AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Code:
.image-gallery {
  max-height: none!important;
}
 

Einrad-Shop

Gut bekanntes Mitglied
3. November 2011
765
7
AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Von den Ladezeiten her ist doch das überschreiben nix oder?
Ich nehme ja schwer an, das das überlappen in der 4.03 behoben ist.
Schöner ist aber devinitiv bei mehr Bildern die Variante unter dem Bild, eine Admineinstellung wäre diesbezüglich nicht schlecht.

Würde das so stimmen?
Code:
@media (min-width:992px)
{
form#buy_form ul.image-container li.item.active {max-width:100%;height:auto;}
}
@media (min-width:1200px)
{
form#buy_form ul.image-container li.item.active {max-width:100%;height:auto;}
}
@media (min-width:768px)
{
form#buy_form ul.image-container li.item.active {max-width:100%;height:auto;}
}
@media screen and (max-width:767px)
{
form#buy_form ul.image-container li.item.active {max-width:320px;height:auto;}
}

.image-gallery {   max-height: none!important; }
Denn in der Mobilversion ist ein zu großes bild glaube ich nicht so gut.
 

IchBinEs

Sehr aktives Mitglied
25. September 2012
1.839
39
AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

super ich habe Euch alle lieb... 😉
 

sicktree

Aktives Mitglied
17. März 2015
97
1
AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Ich schließe mich muenster an und sage auch DANKE ! Sehr feiner Foreneintrag, der bestimmt einige Menschen glücklich macht! TOP!
 

Entenfurz

Sehr aktives Mitglied
28. Januar 2016
165
50
AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Code:
@media (min-width: 992px) {
  .image-gallery.has-thumbs ul.image-container {
    margin: 0;
  }
  .image-gallery.has-thumbs ul.image-thumbs {
    position: static;
  }
  .image-gallery.has-thumbs ul.image-thumbs li {
    display: inline-block;
  }
}

Vielen Dank, das ist eine geniale Lösung, besser als die normale Variante. Wenn man es jetzt noch zentrieren würde und leichten Abstand zum darüber liegendem großem Hauptartikelbild einfügen könnte 🙂
Sind Eintragungen in der CSS Updatesicher oder lieber vor einem Update separat speichern und hinterher wieder einspielen?
Danke nochmal
 

NETZdinge.de

Sehr aktives Mitglied
7. April 2010
2.668
420
AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

ich habe diesen block bei einem Kunden eingebaut;
Code:
#gallery {margin-bottom:20px;}
#gallery .image-gallery.has-thumbs {max-height:inherit!important;}
#gallery .image-gallery.has-thumbs .image-thumbs {margin-top:20px; max-height:inherit!important;}
.image-gallery ul.image-thumbs li {margin: 4px;}
@media (min-width: 992px) {
    .image-gallery.has-thumbs ul.image-container {
        margin: 0 0 0 0;
    }
    .image-gallery.has-thumbs ul.image-thumbs {
        position: relative;
        margin: -5px 0 0 -5px;
    }
    .image-gallery.has-thumbs ul.image-thumbs li {
        display: inline-block;
    }
}
#article-tabs-list {clear: both;}

Das sollte mit Abständen und Tabs und allem drum und dran passen...
 

alwi

Gut bekanntes Mitglied
20. Oktober 2015
129
12
AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Habe gerade in einem frischen Demo-Shop mit Standard-Evo-Template folgendes Phänomen:
Bildschirmfoto 2016-03-11 um 14.23.03.png
Da wurde wohl nicht getestet, wie sich das Template mit mehr als 7 Fotos verhält 😉
 

Anhänge

  • Bildschirmfoto 2016-03-11 um 14.23.03.png
    Bildschirmfoto 2016-03-11 um 14.23.03.png
    46,6 KB · Aufrufe: 54

Einrad-Shop

Gut bekanntes Mitglied
3. November 2011
765
7

alice

Aktives Mitglied
9. August 2006
167
0
Fischach

FPrüfer

Moderator
Mitarbeiter
19. Februar 2016
1.881
529
Halle
AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Hallo,
...im EVO Template finde ich nirgends eine Datei theme.css.

die gibt es auch nicht 😉... In jedem Theme des EVO-Template gibt es im less-Verzeichnis eine theme.less. Diese kannst du entsprechend ändern und musst dann anschließend über das "EVO Theme-Editor" Plugin dein Theme neu kompilieren.
 

Einrad-Shop

Gut bekanntes Mitglied
3. November 2011
765
7

Entenfurz

Sehr aktives Mitglied
28. Januar 2016
165
50
AW: Fehler? Viele Artikelbilder 14 Stück - nicht alle zu sehen und schlechte Darstell

Hallo
Leider hat das Update auf 4.03 die schöne Ansicht die man hier mit wenig Aufwand auf der Artikelseite einrichten konnte nun vollkommen versaut. Es wurde eine nervende Funktion eingebaut das die Artikelbilder per Button bewegt werden müssen wenn es mehr als 4 Bilder sind und der Button ist zerschossen. Hat jemand eine Idee wie man die Artikelseite wieder so gestalten kann wie es hier angeboten wurde. also alle Bilder angezeigt ohne das man den Button nehmen muss?
Danke
 

Ähnliche Themen