FROM CACHE - de_header

Artikelname kürzen

Gelöst
SvenEifler
Entdecker
13 1 3

Hallo 

 

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

 

Unbenannt.PNG

So das der Button immer auf gleicher Höhe ist

 

Danke für Tipps

1 AKZEPTIERTE LÖSUNG

Anerkannte Lösungen
r8r
Shopify Expert
2423 310 851

Erfolg.

@SvenEifler

Quick & ein wenig dirty:

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

LG, Mario

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte

Lösung in ursprünglichem Beitrag anzeigen

7 ANTWORTEN 7
r8r
Shopify Expert
2423 310 851

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

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte
SvenEifler
Entdecker
13 1 3

Hallo r8r

 

hier der Link 

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

Passwort ist kreith

 

Gruß

 

Sven

r8r
Shopify Expert
2423 310 851

@SvenEifler so?

Screenshot 2021-03-04 at 23.27.13.jpg

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

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte
SvenEifler
Entdecker
13 1 3

Supi 

in welcher Datei muss das rein

SvenEifler
Entdecker
13 1 3

Hallo r8r

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

r8r
Shopify Expert
2423 310 851

Erfolg.

@SvenEifler

Quick & ein wenig dirty:

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

LG, Mario

★ Ja, man kann mich buchen; schreib mir eine Nachricht!
★ Hinterlass gerne ein Like und markiere meine Antwort gegebenenfalls als Lösung. Ich freue ich mich immer über eine Spende an die (Kinder)krebshilfe oder eine kleine Aufmerksamkeit.
Studio Mitte
SvenEifler
Entdecker
13 1 3

Super vielen vielen Dank