Artikelname kürzen

Hallo

gibt es die Möglichkeit den Artikelnamen in der Übersicht zu kürzen. Also das man zB. sagt nur 3 Zeilen

So das der Button immer auf gleicher Höhe ist

Danke für Tipps

Hallo @SvenEifler

am Schnellsten und Einfachsten ginge das wahrscheinlich mit CSS line-clamp. Man kann das natürlich auch mit JS hintricksen oder mit dem Slice-Filter in Liquid die Namen versuchen „richtig“ zu kürzen.

Ohne Link zur Seite kann ich leider nicht mehr sagen.

LG, Mario

Hallo r8r

hier der Link

https://the-greenmonkey.myshopify.com/

Passwort ist kreith

Gruß

Sven

@SvenEifler so?

Wenn der Bildschirm breiter ist, kannst Du das wahrscheinlich auf 2 Zeilen reduzieren. Der Code lautet jedenfalls wie folgt:

.productitem--title a {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

Das funktioniert in allen gängigen modernen Browsern (ja, auch in Gecko-Browsern, trotz des -webkit- Vendor-Prefixes); solltest Du IE-Support benötigen: … der kann das nicht.

Alternativ gäb’s mit Clamp.js auch eine JS-implementierung.

LG, Mario

Supi

in welcher Datei muss das rein

Hallo r8r

also ich habe es an verschieden Stellen versucht aber ich finde nicht die passende :disappointed_face:

@SvenEifler

Quick & ein wenig dirty:

ans Ende der Datei assets/theme.(s)css(.liquid)

LG, Mario

Super vielen vielen Dank