Liquid, JavaScript, Themes
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
Gelöst! Zur Lösung
Erfolg.
Quick & ein wenig dirty:
ans Ende der Datei assets/theme.(s)css(.liquid)
LG, Mario
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 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 😞
Erfolg.
Quick & ein wenig dirty:
ans Ende der Datei assets/theme.(s)css(.liquid)
LG, Mario
Super vielen vielen Dank
Wie du eine intuitive und ansprechende Online-Shopping-Experience für deine Kunden au...
By Gabe Apr 1, 2024Shopify unterstützt die weltweit innovativsten Marken und Unternehmer:innen. Um Unterne...
By SarahF_Shopify Mar 25, 2024Was ist ein kleines Element eines Shopify Shops mit großer Wirkung? Ein Element ganz we...
By Kai Mar 14, 2024