1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Woocommerce - Produktname auf 100 Textzeichen formatieren

Dieses Thema im Forum "Onlineshop mit WordPress" wurde erstellt von eculeus, 11. Oktober 2015.

  1. eculeus

    eculeus Active Member

    Registriert seit:
    6. April 2013
    Beiträge:
    41
    Zustimmungen:
    0
    Guten Tag,

    ich möchte gerne das meine Produktansicht stabil und ordentlich aussieht. Darum möchte ich die Textlänge des Produktnamens auf 100 Zeichen setzen.
    Ich weiss nicht ob man das per CSS machen kann.
    .woocommerce ul.products li.product h3

    Oder kann man das vielleicht sogar ganz einfach in der Datenbank ändern?

    Hat jemand Rat für mich?
     
  2. Björn von hostly.de

    Registriert seit:
    11. Oktober 2015
    Beiträge:
    23
    Zustimmungen:
    0
  3. eculeus

    eculeus Active Member

    Registriert seit:
    6. April 2013
    Beiträge:
    41
    Zustimmungen:
    0
    Vielen Dank Björn! :) Damit wäre die hälfte getan. Da viele Produktnamen weniger als 50 bzw. 100 Zeichen haben, werden die Produkte trotzdem nicht auf einer Reihe dargestellt.
    Gibt es einen Weg den product-title auf 50 bzw. 100 Zeichen (mit Leerzeichen) zu füllen?
     
  4. mensmaximus

    mensmaximus Well-Known Member

    Registriert seit:
    24. Juli 2014
    Beiträge:
    8.857
    Zustimmungen:
    437
    Schon mal mit dem Filter woocommerce_product_title versucht?
     
  5. eculeus

    eculeus Active Member

    Registriert seit:
    6. April 2013
    Beiträge:
    41
    Zustimmungen:
    0
    Sagt mir jetzt ehrlich gesagt nichts :)
     
  6. eculeus

    eculeus Active Member

    Registriert seit:
    6. April 2013
    Beiträge:
    41
    Zustimmungen:
    0
    Ich könnte Dich drücken Björn! Das war jetzt genau die Lösung. Alles liegt auf einer Reihe! :)
    Wem es interessiert...hier der Code:
    .products h3 {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    }
     
  7. Björn von hostly.de

    Registriert seit:
    11. Oktober 2015
    Beiträge:
    23
    Zustimmungen:
    0
    Schön zu hören! Weiterhin viel Erfolg.
     
  8. wini

    wini New Member

    Registriert seit:
    21. September 2017
    Beiträge:
    1
    Zustimmungen:
    0
    Hallo,

    in welche css Datei muss den der Text eingetragen werden, in die woocommerce.css?
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden