Bildgröße viel zu klein

Thema wurde von daniel2911, 3. April 2019 erstellt.

  1. daniel2911
    daniel2911 Erfahrener Benutzer
    Registriert seit:
    2. Juni 2011
    Beiträge:
    337
    Danke erhalten:
    4
    Danke vergeben:
    93
    upload_2019-4-3_17-58-46.png

    Bildgröße viel zu klein, wie kann ich diese ändern für den PC sowie für das Mobiltelefon und was ist zu beachten`?
     
  2. Wilken (Gambio)
    Wilken (Gambio) Erfahrener Benutzer
    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.311
    Danke vergeben:
    2.208
    Das Bild ist so breit wie da Platz ist. Bist du willig Titel und Beschreibung schmaler zu machen? Woher soll der Platz für das Bild kommen?
     
  3. daniel2911
    daniel2911 Erfahrener Benutzer
    Registriert seit:
    2. Juni 2011
    Beiträge:
    337
    Danke erhalten:
    4
    Danke vergeben:
    93
    Ja wäre möglich den Text schmaler zu machen, wie geht das?
     
  4. Wilken (Gambio)
    Wilken (Gambio) Erfahrener Benutzer
    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.311
    Danke vergeben:
    2.208
    Per etwas CSS.

    Code:
    /* main.min.css | https://www.intersignal.at/templates/Honeygrid/main.min.css?bust=1554307180 */
    
    @media (min-width: 1200px) {
      .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .image {
        /* width: 16.66667%; */
        width: 25%;
      }
    }
    
    @media (min-width: 992px) {
      .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .image {
        /* width: 16.66667%; */
        width: 25.66667%;
      }
    }
    
    @media (min-width: 768px) {
      .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .image {
        /* width: 33.33333%; */
        width: 41.66%;
      }
    }
    
    @media (min-width: 1200px) {
      .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .title-description {
        /* width: 50%; */
        width: 41.66%;
      }
    }
    
    @media (min-width: 992px) {
      .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .title-description {
        /* width: 50%; */
        width: 41.66%;
      }
    }
    
    @media (min-width: 768px) {
      .productlist-viewmode-list .product-container .inside .content-container .content-container-inner .title-description {
        /* width: 66.66667%; */
        width: 58.32%;
      }
    }
    
    Das wäre das wichtigste um bei verschiedenen Bildschirmbreiten dem Bild je eine Gridspalte mehr und der Beschreibung je einer Gridspalte weniger zu geben. Bei 12 Spalten (es sind immer 12 gesamt pro Zeile) ist eine Spalte 8,3333% breit. 25% der Gesamtbreite sind damit 12/100*25=3 Spalten bedeutet 8,333%*3=25%. Spalten für den Preiscontainer dabei nicht vergessen, der mag nicht gestaucht werden.

    Es lohnt sich dabei auch wenn man rechnet mal 0,01% kleiner anzusetzen, damit kein Browser für die Spalte 100,01% gesamt ausrechnet, dann bricht alles um.
     
  5. daniel2911
    daniel2911 Erfahrener Benutzer
    Registriert seit:
    2. Juni 2011
    Beiträge:
    337
    Danke erhalten:
    4
    Danke vergeben:
    93
    Wie kann man das im schlimmsten Fall rückgängig machen?
     
  6. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    27. Mai 2016
    Beiträge:
    457
    Danke erhalten:
    99
    Danke vergeben:
    103
    das CSS von Wilken wieder löschen...
     
  7. daniel2911
    daniel2911 Erfahrener Benutzer
    Registriert seit:
    2. Juni 2011
    Beiträge:
    337
    Danke erhalten:
    4
    Danke vergeben:
    93
    Habe das jetzt eingespielt, zum teil passt es, aber zum teil auch nicht, siehe hier im Screenshot, muss ich noch etwas durchlaufen lassen das es passt, ist eigentlich ein großes Bild aber die Darstellung von diesem Bild passt zB nicht, viel zu klein, bei den anderen passt es sehr gut.

    upload_2019-4-4_8-20-46.png
     
  8. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    das css bitte im style editor unter eigenes css einfügen nicht in irgendeine shopdatei
    dann würd ich es mir noch kommentieren damit weißt wofür der Block war später mal.
    Die Bilder kannst im 2. schritt ja dann auch vergrößern. evtl. sind da nur die kleinen geladen. müsste man sich ansehen
    sieht hier aber okay aus
    (Link nur für registrierte Nutzer sichtbar.)
     
  9. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    willst noch größere Bilder?
    bild1.JPG

    ps. nutz das snipping tool dann musst nicht ganzen monitor posten :)
     
  10. daniel2911
    daniel2911 Erfahrener Benutzer
    Registriert seit:
    2. Juni 2011
    Beiträge:
    337
    Danke erhalten:
    4
    Danke vergeben:
    93
    Hallo Wilken, das klappt leider nicht, es schneidet dann in den warenkorb komplett ab, siehe screenshot

    upload_2019-4-24_7-42-33.png
     
  11. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    du musst das css im style editor hinterlegen NICHT in der main.css
    immer unter eigenes css
    caches shop und browser leeren danach
     
  12. Wilken (Gambio)
    Wilken (Gambio) Erfahrener Benutzer
    Registriert seit:
    7. November 2012
    Beiträge:
    18.737
    Danke erhalten:
    7.311
    Danke vergeben:
    2.208
    Mist, ich hab ja in meinem CSS den Ort wo ich es im Browser on the fly geändert hab mitkopiert als Kommentar...

    In der main.css macht man natürlich keine dauerhaften Änderungen, das ist eine Cache Datei, die wird oft neu generiert und verliert dann alles was nicht an anderen Orten dauerhaft gemacht wird.

    Der Bereich für eigenes CSS im Styleedit ist ein gut passender Ort.

    Anyway: Ohne das Problem live zu sehen kann ich nix zum Stylingproblem sagen. Trocken wird das nichts.
     
  13. daniel2911
    daniel2911 Erfahrener Benutzer
    Registriert seit:
    2. Juni 2011
    Beiträge:
    337
    Danke erhalten:
    4
    Danke vergeben:
    93
    Hab das jetzt eingegeben lt. deinem CSS, bitte prüft das mal, die Zugangsdaten habt Ihr ja im System.

    Danke
     
  14. Dennis (MotivMonster.de)
    Dennis (MotivMonster.de) G-WARD 2013/14/15/16
    Registriert seit:
    22. September 2011
    Beiträge:
    31.303
    Danke erhalten:
    6.268
    Danke vergeben:
    1.118
    Beruf:
    Mann für alles :)
    Ort:
    Weilburg
    Immer Ticket sonst dürfen die nicht schauen im Admin.