abbrechen
Suchergebnisse werden angezeigt für 
Stattdessen suchen nach 
Meintest du: 

Artikelname kürzen

Gelöst
SvenEifler
Tourist
8 0 1

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

0 Likes
r8r
Shopify Expert
1273 134 425

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

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
0 Likes
SvenEifler
Tourist
8 0 1

Hallo r8r

 

hier der Link 

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

Passwort ist kreith

 

Gruß

 

Sven

0 Likes
r8r
Shopify Expert
1273 134 425

@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

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
SvenEifler
Tourist
8 0 1

Supi 

in welcher Datei muss das rein

0 Likes
SvenEifler
Tourist
8 0 1

Hallo r8r

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

0 Likes
r8r
Shopify Expert
1273 134 425

Erfolg.

@SvenEifler

Quick & ein wenig dirty:

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

LG, Mario

Mario Rader [he] ★ If you want to achieve greatness, stop asking for permission. ★ Studio Mitte
• Meine Antwort war hilfreich? Hinterlass bitte ein Like.
• Meine Antwort hat Dein Problem behoben? Bitte akzeptiere sie als Lösung.
• Ich hab dir etwas erspart? Ich freue ich mich immer über eine kleine Aufmerksamkeit
• Ja, ich biete Shopify-Services & -Entwicklung und freue mich von Dir zu hören!
• Bitte teile einen Link zu der Seite, deren Problem Du in deinem Beitrag beschreibst!

• Yes, I provide Shopify-services & -development. Feel free to get in touch!
• Please share a link to the site, which you refer to in your problem description. This incredibly increases the chances of you receiving a useful answer!
• My answer was useful? Please leave a Like.
• My answer solved your issue? Please accept it as the solution.
• I saved you time or money? I'm always happy to receive a little thank you.
SvenEifler
Tourist
8 0 1

Super vielen vielen Dank