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.608
    Danke erhalten:
    11.335
    Danke vergeben:
    1.614
    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:
    171
    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!!;)