Artikelname im Box-Listing & Artikelbeschreibung im List-Listing

[astaller]

Hallo,

1. Wenn ich einen recht Langen Artikelnamen habe und mir diesen Artikel dann in der Kategorieübersicht (Box-Listing) anschauen, wird ein großer Teil des Artikelnamen abgeschnitten, was ja auch ok ist, jedoch sollten dahinter noch 3 Punkt (Testartikel 1, Testartikel 1, Testartikel 1, Testartikel 1...) gesetzt werden.

2. In der gleichen Ansicht im List-Listing, klebt die Artikelbeschreibung doch recht nahe oben und unten an der gestrichelten Linie, hier könnte man 1-5 Pixel Abstand rein machen.

MfG
Achim S.

[Torsten Riemer]

Das ist derzeit nicht wie folgt über Smarty "truncate" gelöst:

{$module_data.PRODUCTS_NAME|truncate:60:"...":true}

sondern über CSS:

.lb_title h2 {
...
  overflow:hidden;
...
}

[Markus Rehm]

Punkt 1 ist bewusst so gemacht um eben keine Namen abzuschneiden.
Truncate ist schön und recht .. aber ich kann kaum die Länge steuern bis 2 Zeilen voll sind. Das ist von Schriftart und Laufweite abhängig. Bei einem Namen sind 30 Zeichen absolut ausreichend beim nächsten Artikel passen nur 20 Zeichen rein.
Ausserdem ist es auch für Google nicht wirklich hilfreich wenn wir hier den Artikelnamen abschneiden. Deshalb diese Variante. Wenn jemand wirklich lange Namen hat sollte man dann individuell die Höhe des divs verändern damit da auch 3 oder 4 Zeilen Platz haben.

Punkt 2 ist gefixt ... das hängt mit dem neuen Editor zusammen da der keine <p>'s mehr um die Einträge "baut" :-)

[Markus]

In 9071:

Fix #714

[astaller]

Danke, verstanden...
MfG
Achim S.

[Ines Willenbrock <ines@…>]

Wenn man die Artikelnamen unbedingt kürzen will, kann man das
overflow:hidden
möglicherweise durch
text-overflow: ellipsis
ersetzen?
(​http://caniuse.com/#search=text-overflow)
Ohne das getestet zu haben: im Quellcode sollten die Artikelnamen normal erscheinen, ein Nutzer (oder Admin) sollte sehen, dass da was fehlt.

Grüße
Ines

[Markus Rehm]

Hi Ines,

nicht ohne weiteres
​https://css-tricks.com/snippets/css/truncate-string-with-ellipsis/
text-overflow greift eigentlich nur in Verbindung mit Text in einer Zeile.
Dann muss man hier wieder mit komplexen Workarounds dran die aber letztendlich auch nicht die gewünschten "Pünktchen" bringen.

​http://joelsaupe.com/programming/multiple-line-ellipsis-css/

Markus

[Ines Willenbrock <ines@…>]

Hi Markus,

unschön, dass multiline Ellipsen nicht wirklich in irgendwas außer Webkit funktionieren.
Also bleibt das eher was für individuelle Templates, oder?
Wenn man bedenkt, wie lang manche Produktnamen werden...

Viele Grüße
Ines