Anpassung Produkt info details Box

Thema wurde von Anonymous, 22. Januar 2019 erstellt.

  1. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    22. September 2011
    Beiträge:
    912
    Danke erhalten:
    87
    Danke vergeben:
    139
    Frage an die css Profis

    in meiner Produkt info detail Box werden Wörter abgeschnitten. (siehe Bild)
    Kann mir jemand, für eigenes css, einen Code nennen mit welchem ich die ganze Box breiter machen kann so das dann alles angezeigt wird. Oder bitte eine andere Lösung vorschlagen.

    Schon mal Danke Screenshot_2019-01-22 Knickbecher Cappuccino 0,18l A l'origine.png
     
  2. Da sind mehrere Sachen die angepasst werden müssten.
    1.Möglichkeit: Du gehst auf Shopbreite 100%, dann ist mehr Platz,
    und passt noch die snippets/produkt_info/model.html auf jeweils col-xs-6 an.
    2. Möglichkeit: Die Detail-Bilder generell unters Produktbild:
    siehe: https://www.moertel-schlauch.de/Aquapal-Trinkwasserschlauch-1-2-Zoll-NW-13-829.html
    Da ist etwas mehr anzupassen.
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    22. September 2011
    Beiträge:
    912
    Danke erhalten:
    87
    Danke vergeben:
    139
    Gibt es da keine einfachere Lösung?
     
  4. ReneT
    ReneT Erfahrener Benutzer
    Registriert seit:
    1. Dezember 2016
    Beiträge:
    708
    Danke erhalten:
    232
    Danke vergeben:
    67
    #4 ReneT, 22. Januar 2019
    Zuletzt bearbeitet: 22. Januar 2019
    Versuch mal die Template Breite zu ändern... im Style Editor

    Teste mal die beiden anderen Designs...

    Blende mal in der Artikelansicht die linken Module aus...
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    22. September 2011
    Beiträge:
    912
    Danke erhalten:
    87
    Danke vergeben:
    139
    @ReneT
    das einzige was hilft ist das Ausblenden links. Ist aber nicht gewollt.
     
  6. ReneT
    ReneT Erfahrener Benutzer
    Registriert seit:
    1. Dezember 2016
    Beiträge:
    708
    Danke erhalten:
    232
    Danke vergeben:
    67
    Naja, alles andere wäre auch nicht wirklich besser. Es ist ja kaum Platz zur Verfügung, wenn du jetzt die rechte Box noch breiter machen würdest, wäre die Mitte ja noch kleiner.

    Andere Möglichkeit wäre per CSS die Schrift kleiner machen.
     
  7. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    Versuche es mal mit css:
    Code:
    .product-info .product-info-details dl dt {
        position: relative;
        width: 40%;
    }
    und
    Code:
    .product-info .product-info-details dl dd {
        width: 60%;
    }
    damit wird nur die Spaltenaufteilung in der Box geändert.
    Die Werte musst Du eventuell noch anpassen.
     
  8. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    22. September 2011
    Beiträge:
    912
    Danke erhalten:
    87
    Danke vergeben:
    139
    @barbara
    noch nicht perfekt aber wesentlich besser. Mehr wird wohl nicht gehen.