Gekachtelte Ansicht - Produkttitel - Zeilenumbruch

Thema wurde von Guyonthecouch, 13. Mai 2018 erstellt.

  1. Guyonthecouch
    Guyonthecouch Erfahrener Benutzer
    Registriert seit:
    17. September 2016
    Beiträge:
    210
    Danke erhalten:
    24
    Danke vergeben:
    93
    Hallo liebes Forum,

    ich habe mal eine Frage bzgl. der Produkttitel in der gekachtelten Ansicht auf der Startseite. (siehe hier im shop)
    Kann ich hier irgendwie diesen erzwungenen Zeilenumbruch abschalten, sodass das Wort in die nächste Zeile rutscht?
    Ich hab einiges versucht stehe aber auf dem Schlauch... :-/

    upload_2018-5-13_13-55-4.png


    Zusätzliche Frage:
    Kann ich auch vier Zeilen für den Produkttitel irgendwo hinterlegen oder muss ich dafür nur die Höhe anpassen?

    Viele Grüße
    Cedric
     
  2. Guyonthecouch
    Guyonthecouch Erfahrener Benutzer
    Registriert seit:
    17. September 2016
    Beiträge:
    210
    Danke erhalten:
    24
    Danke vergeben:
    93
    #2 Guyonthecouch, 13. Mai 2018
    Zuletzt bearbeitet: 13. Mai 2018
    Ich konnte mir nun mit folgendem CSS helfen:

    Code:
    .productlist-viewmode-grid .product-container .product-tile .title-description,
    .productlist-swiper .product-container .product-tile .title-description,
    .product-container.flyover .product-tile .title-description {
      padding: 0 15px;
      word-break: break-word;
    -ms-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none;
    }
    upload_2018-5-13_15-58-52.png

    Kann mir evtl. jemand noch verraten, wie ich eine vierte Zeile beim Titel bekomme?
    Nur die Größe anpassen funktioniert leider nicht.

    Die "Shop Einstellungen > Allgemeines > Max. Zeichen für Artikelnamen auf der Startseite" habe ich schon hochgesetzt.

    Das Product-Rating habe ich zudem im Template auskommentiert, sodass mir der Platz frei wurde.
    /templates/Honeygrid/snippets/product_listing/product_grid_only-USERMOD.html


    Viele Grüße
    Cedric
     
  3. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    6. Mai 2015
    Beiträge:
    189
    Danke erhalten:
    1
    Danke vergeben:
    85
    Hallo Cedric,
    das gleiche Problem habe ich eben bei mir auch entdeckt.

    Kann ich diesen Code bei mir auch verwenden, den Du hier aufgeführt hast ?
    Oder hast Du speziell für Deinen Shop irgend etwas darin ?
    Bin leider kein Profi ...

    Vielen Dank im Voraus.
    Gruß Julienne
     
  4. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    6. Mai 2015
    Beiträge:
    189
    Danke erhalten:
    1
    Danke vergeben:
    85
    Dieser Code funktioniert nicht bei meinem Shop !
     
  5. Anonymous
    Anonymous Erfahrener Benutzer
    Registriert seit:
    6. Mai 2015
    Beiträge:
    189
    Danke erhalten:
    1
    Danke vergeben:
    85
    Hallo liebes Gambio-Team,

    könnt Ihr hier bitte weiter helfen ?

    Die Titel sehen vollkommen abgehackt aus und werden nicht als ganze Wörter dargestellt !

    Vielen Dank im Voraus.

    Gruß Julienne
     

    Anhänge:

  6. webmaker
    webmaker Erfahrener Benutzer
    Registriert seit:
    18. November 2012
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    25
    Hallo,

    ich bin eben auch darauf aufmerksam geworden. Gleiches Problem - Buchstaben vom Wort rutschen einfach in die nächste Zeile. Wer kann hier weiterhelfen. Bei einer solchen Darstellung haben wir bald keine Kunden mehr. Ich denke, es ist durch eines der updates gekommen, wäre mir früher sicher aufgefallen. Wie sieht dazu die Lösung aus?
    Grüße
     
  7. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    schau mal hier:
    (Link nur für registrierte Nutzer sichtbar.)

    da ist was auf dem Weg

    Nachtrag:
    Wenn Du schon dabei bist, könntest Du hier auch Voten, damit chrome einen Fehler behebt:
    (Link nur für registrierte Nutzer sichtbar.)
     
  8. agin
    agin Erfahrener Benutzer
    Registriert seit:
    8. April 2013
    Beiträge:
    228
    Danke erhalten:
    70
    Danke vergeben:
    183
    Wer nur das alte Verhalten wiederhaben will, und keine zu langen Wörter hat, für den reicht dieses CSS:

    Code:
    .productlist-viewmode-grid .product-container .product-tile .title-description, .productlist-swiper .product-container .product-tile .title-description, .product-container.flyover .product-tile .title-description
    {
        word-break: normal;
    }
     
  9. webmaker
    webmaker Erfahrener Benutzer
    Registriert seit:
    18. November 2012
    Beiträge:
    126
    Danke erhalten:
    3
    Danke vergeben:
    25
    Vielen Dank, CSS-Code eingefügt (altes Verhalten), ist zwar auch nicht optimal, aber ist ok!!;)