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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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:
    8.755
    Danke erhalten:
    1.516
    Danke vergeben:
    1.051
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    #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.551
    Danke erhalten:
    228
    Danke vergeben:
    1.001
    #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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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.551
    Danke erhalten:
    228
    Danke vergeben:
    1.001
    Das hat funktioniert! Super gut!!! :)
    Vielen Dank!!! ;)
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Juni 2018
    Beiträge:
    1.551
    Danke erhalten:
    228
    Danke vergeben:
    1.001
    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:
    691
    Danke erhalten:
    129
    Danke vergeben:
    176
    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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    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:
    691
    Danke erhalten:
    129
    Danke vergeben:
    176
    @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.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    ja, das müsste es sein.
    versuche es mal mit 750px
     
  12. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    15. Mai 2017
    Beiträge:
    691
    Danke erhalten:
    129
    Danke vergeben:
    176
    @barbara
    Das hat funktiioniert, musste allerdings noch !important setzen. Danke!