Artikel Thumbnails zu hoch obwohl Bild sehr klein - Größe reduzieren?

Thema wurde von Anonymous, 3. Dezember 2020 erstellt.

  1. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Das muss noch mit Deinen Einstellungen per CSS angepasst werden,
    Das geht aber nicht pauschal, weil jeder andere Bildgrößen hat.
    Lass mich mal Deinen Testshop sehen, dann schaue ich kurz zum css.
     
  2. Anonymous
    Anonymous G-WARD 2015/2016
    Registriert seit:
    20. Februar 2012
    Beiträge:
    9.094
    Danke erhalten:
    1.616
    Danke vergeben:
    1.214
    habe Deinen Code genommen und die Höhe von 400 - 950 getestet, wird aber nicht wirklich schön :), jeden falls bei diesem Artikel:
    (Link nur für registrierte Nutzer sichtbar.)
     
  3. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #23 barbara, 4. Dezember 2020
    Zuletzt bearbeitet: 4. Dezember 2020
    Wenn ich das teste, mit 600px...
    Code:
    @media (min-width: 992px){
    .product-info .product-info-stage {
        height: 600px;
    }}
    sieht das bei mir so aus:
    Unbenannt.JPG

    Wenn ich das aber richtig sehe, dann hast Du den Code bei Dir mehrfach
    mit 400px, mit 405px, mit 500px....

    Nachtrag: Du könntest es auch mit einem "height: auto;" versuchen, das scheint auch zu funktionieren.
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.684
    Danke erhalten:
    295
    Danke vergeben:
    1.116
    #24 Anonymous, 5. Dezember 2020
    Zuletzt bearbeitet: 5. Dezember 2020
    Hi Barbara
    Habe das inzwischen auch eingebaut.
    Funktioniert nun sehr gut, sogar mit dem eigenen Modul Einbau im GXModules Ordner.

    Aber eine Kleinigkeit stört noch:

    Das Grosse Artikelbild nimmt nicht den kompletten Platz ein.
    Der linke Platz (wo die Thumbsnails vorher waren) scheint immer noch reserviert und wird nicht genutzt.
    Sieht daher nun so aus als wenn das Artikelhauptbild am Desktop einen Tick zu weit Rechts ist. Und links, wo die Thumbnails von Haus aus sind, eine Lücke gelassen wird.

    Kriegt man das noch irgendwie in den Griff?
     
  5. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Stelle im Style Editor mal bitte die Breite der Thumbnails auf 0px, aber die Breite der Thumbnails mobil müssen bleiben.
     
  6. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.684
    Danke erhalten:
    295
    Danke vergeben:
    1.116
    Das hat funktioniert! Super gut!!! :)
    Vielen Dank!!! ;)
     
  7. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.684
    Danke erhalten:
    295
    Danke vergeben:
    1.116
    Ach noch was...ich bekomme den Autoplay nicht weg.
    Die Slides unten sliden die ganze Zeit durch. Oben das Hauptbild bleibt unverändert aber unten wird die ganze Zeit gewechselt.


    EDIT: Erledigt.
    Ein Cache war nicht ganz leer ;)
    autplay null brachte das Ergebnis.
     
  8. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    15. Mai 2017
    Beiträge:
    823
    Danke erhalten:
    183
    Danke vergeben:
    208
    Hmm das hätte ich auch gern, da die Thumbails unter dem Artikelbild deutlich besser aussehen, da man sie auch etwas größer machen kann. Also habe das auch so im TestShop probiert. Funktioniert auch grundsätzlich.

    Allerdings stehen die Bilder gerne mal unten in die Beschreibungstabs rein und zwar abhängig davon ob, es das Auswahlfenster für EIgenschaften (auf der rechten Seite) gibt oder nicht, weil dadurch offenbar der Abstand zu den "Beschreibungstabs" beeinflusst wird.

    Da wir Artikel mit und ohne Eigenschaften haben, kommen wir da irgendwie nicht auf einen grünen Zweig.
    Habt Ihr diese Problematik auch, und wenn ja: wir habt Ihr das gelöst?
     
  9. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Man muss da die Höhe des Bildbereiches anpassen.
    Das geht aber nicht pauschal, weil einer nur 350px Bilder verwendet und ein anderer da 600px hat.
     
  10. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    15. Mai 2017
    Beiträge:
    823
    Danke erhalten:
    183
    Danke vergeben:
    208
    @barbara

    Mit dem Code hier?
    Code:
    @media (min-width: 992px){
    .product-info .product-info-stage {
        height: 600px;
    }}
     
  11. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    ja, das müsste es sein.
    versuche es mal mit 750px
     
  12. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    15. Mai 2017
    Beiträge:
    823
    Danke erhalten:
    183
    Danke vergeben:
    208
    @barbara
    Das hat funktiioniert, musste allerdings noch !important setzen. Danke!