# Product name / Produktname mehr Zeichen

**URL:** <https://forum.shopware.com/t/product-name-produktname-mehr-zeichen/96836>\
**Category:** Themes & Design\
**Created:** [25. Oktober 2022 um 12:10 UTC](https://forum.shopware.com/t/product-name-produktname-mehr-zeichen/96836 "2022-10-25T12:10:50Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![licht](https://avatars.discourse-cdn.com/v4/letter/l/22d042/32.png) [@licht](https://forum.shopware.com/u/licht)\
**Post date:** [25. Oktober 2022 um 12:10 UTC](https://forum.shopware.com/t/product-name-produktname-mehr-zeichen/96836/1 "2022-10-25T12:10:50Z")

</div>

Hallöchen 👋  
ich hoffe, ich habe die Lösung nicht irgendwo übersehen…  
Ich möchte gerne in der Artikelübersicht den Produktnamen verlängern… er wird ja automatisch abgeschnitten nach x Zeichen oder x Höhe und drei Punkte werden hinzugefügt. Wenn ich nun mit dem Firefox-Werkzeug die CSS bearbeite und die entsprechende Klasse anpasse (hier die Höhe verändere), bekomme ich zwar mehr Zeichen, aber die drei Punkte bleiben. Wo finde ich die Datei, wo ich die Anzahl der Zeichen verändern kann?  
Vielen Dank im Voraus 🙃

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [25. Oktober 2022 um 12:39 UTC](https://forum.shopware.com/t/product-name-produktname-mehr-zeichen/96836/2 "2022-10-25T12:39:15Z")

</div>

Das findest du im CSS, tief vergraben…

Du musst die entsprechende CSS-Klasse überschreiben: .product-description

> **[text-overflow - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow?retiredLocale=de)**
>
> The text-overflow CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis ('…'), or display a custom string.

> **[\-webkit-line-clamp - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)**
>
> The -webkit-line-clamp CSS property allows limiting of the contents of a block container to the specified number of lines.

---

<div class="post-metadata">

**Author:** ![licht](https://avatars.discourse-cdn.com/v4/letter/l/22d042/32.png) [@licht](https://forum.shopware.com/u/licht)\
**Post date:** [25. Oktober 2022 um 12:46 UTC](https://forum.shopware.com/t/product-name-produktname-mehr-zeichen/96836/3 "2022-10-25T12:46:40Z")

</div>

🤦‍♀️ 🙈 ach jaaa, die Punkte können ja auch über die CSS kommen… Danke, danke