Artikelname kürzen

[SvenEifler]

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

[r8r]

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

[SvenEifler]

Hallo r8r

hier der Link 

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

Passwort ist kreith

Gruß

Sven

[r8r]

 @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

[SvenEifler]

Supi 

in welcher Datei muss das rein

[SvenEifler]

Hallo r8r

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

[r8r · Accepted solution]

@SvenEifler

Quick & ein wenig dirty:

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

LG, Mario

[SvenEifler]

Super vielen vielen Dank