# Artikel-Titel in Listing dreispaltig

**URL:** <https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777>\
**Category:** Themes & Design\
**Created:** [1. Mai 2015 um 22:58 UTC](https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777 "2015-05-01T22:58:18Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Mustafa](https://avatars.discourse-cdn.com/v4/letter/m/f19dbf/32.png) [@Mustafa](https://forum.shopware.com/u/Mustafa)\
**Post date:** [1. Mai 2015 um 22:58 UTC](https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777/1 "2015-05-01T22:58:18Z")

</div>

Standardmäßig sind Artikel-Titel im Listing Zweizeilig und werden nach 50 Zeichen abgeschnitten, siehe Bild: ![](https://europe1.discourse-cdn.com/flex013/uploads/shopware/original/2X/1/1fc715f12483c2b79216b0fc899e1cde2e1d8f3c.jpeg) Dass man die Anzahl der Zeichen in der Datei box-basic.tpl verändern kann, habe ich schon herausgefunden. Aber das nützt nichts, wenn es keine dritte Zeile für den Artikel-Titel gibt. Wie und wo ändere ich das? Vielen Dank! 🙂

---

<div class="post-metadata">

**Author:** ![Mustafa](https://avatars.discourse-cdn.com/v4/letter/m/f19dbf/32.png) [@Mustafa](https://forum.shopware.com/u/Mustafa)\
**Post date:** [4. Mai 2015 um 11:14 UTC](https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777/2 "2015-05-04T11:14:19Z")

</div>

Ich schiebe den nochmal hoch, am verlängerten WE wurde es bestimmt nicht gesehen. Danke sehr.

---

<div class="post-metadata">

**Author:** ![Mustafa](https://avatars.discourse-cdn.com/v4/letter/m/f19dbf/32.png) [@Mustafa](https://forum.shopware.com/u/Mustafa)\
**Post date:** [5. Mai 2015 um 09:53 UTC](https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777/3 "2015-05-05T09:53:37Z")

</div>

Neuer Versuch, ein Hinweis auf die richtige tpl allein würde vollkommen genügen. Viele Grüße

---

<div class="post-metadata">

**Author:** ![neimles](https://avatars.discourse-cdn.com/v4/letter/n/7bcc69/32.png) [@neimles](https://forum.shopware.com/u/neimles)\
**Post date:** [5. Mai 2015 um 10:15 UTC](https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777/4 "2015-05-05T10:15:32Z")

</div>

ich würde das auch brauchen wenn jemand helfen kann. danke!

---

<div class="post-metadata">

**Author:** ![Aaron\_Schaarschmidt](https://avatars.discourse-cdn.com/v4/letter/a/ccd318/32.png) [@Aaron\_Schaarschmidt](https://forum.shopware.com/u/Aaron_Schaarschmidt)\
**Post date:** [5. Mai 2015 um 11:45 UTC](https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777/5 "2015-05-05T11:45:05Z")

</div>

Hallo ihr Beiden, dazu müsstet ihr denke ich einfach nur die Höhe des .product–title erhöhen, z.B. von 40 auf 60px. Das sollte in der product-box.less zu finden sein. Beste Grüße, Aaron

---

<div class="post-metadata">

**Author:** ![Linus\_Holtstiege](https://avatars.discourse-cdn.com/v4/letter/l/45deac/32.png) [@Linus\_Holtstiege](https://forum.shopware.com/u/Linus_Holtstiege)\
**Post date:** [5. Mai 2015 um 11:49 UTC](https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777/6 "2015-05-05T11:49:16Z")

</div>

Hallo zusammen, zunächst muss die Zeichenanzahl der jeweiligen Product Box im Template erhöht werden. Anschließend müsst ihr die Höhe des Titels auf 3 oder 4 Zeilen erhöhen. Das könnt ihr in der themes/Frontend/MyTheme/frontend/\_public/src/less/\_modules/product-box.less anpassen. In Zeile ~147 wird die Höhe des Titels definiert. ` .product--title { .unitize-height(40); .unitize-margin(0, 0, 5, 0); .unitize(font-size, 16); .unitize(line-height, 20); display: block; width: 100%; color: @text-color-dark; font-weight: bold; overflow: hidden; &:hover { color: @link-color; } } ` Hier könnt ihr die .unitize-height(40); auf 60 oder 80 einstellen. 40: 2 Zeilen 60: 3 Zeilen 80: 4 Zeilen

---

<div class="post-metadata">

**Author:** ![Mustafa](https://avatars.discourse-cdn.com/v4/letter/m/f19dbf/32.png) [@Mustafa](https://forum.shopware.com/u/Mustafa)\
**Post date:** [5. Mai 2015 um 12:00 UTC](https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777/7 "2015-05-05T12:00:35Z")

</div>

Funktioniert perfekt, danke euch beiden!

---

<div class="post-metadata">

**Author:** ![neimles](https://avatars.discourse-cdn.com/v4/letter/n/7bcc69/32.png) [@neimles](https://forum.shopware.com/u/neimles)\
**Post date:** [5. Mai 2015 um 13:21 UTC](https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777/8 "2015-05-05T13:21:10Z")

</div>

vielen dank für die schnelle hilfe!

---

<div class="post-metadata">

**Author:** ![Max24](https://avatars.discourse-cdn.com/v4/letter/m/ea5d25/32.png) [@Max24](https://forum.shopware.com/u/Max24)\
**Post date:** [7. Mai 2015 um 21:55 UTC](https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777/9 "2015-05-07T21:55:48Z")

</div>

[quote=„Linus Holtstiege“]Hallo zusammen, zunächst muss die Zeichenanzahl der jeweiligen Product Box im Template erhöht werden. Anschließend müsst ihr die Höhe des Titels auf 3 oder 4 Zeilen erhöhen. Das könnt ihr in der themes/Frontend/MyTheme/frontend/\_public/src/less/\_modules/product-box.less anpassen. In Zeile ~147 wird die Höhe des Titels definiert. ` .product--title { .unitize-height(40); .unitize-margin(0, 0, 5, 0); .unitize(font-size, 16); .unitize(line-height, 20); display: block; width: 100%; color: @text-color-dark; font-weight: bold; overflow: hidden; &:hover { color: @link-color; } } ` Hier könnt ihr die .unitize-height(40); auf 60 oder 80 einstellen. 40: 2 Zeilen 60: 3 Zeilen 80: 4 Zeilen[/quote] Hallo Linus, Danke für den Hinweis, unitize-height habe ich auf 80 (4 Zeilen) eingestellt. Nur wo kann ich die Zeichenanzahl der Product Box erhöhen? Viele Grüße 🙂 Max

---

<div class="post-metadata">

**Author:** ![Shopwareianer](https://avatars.discourse-cdn.com/v4/letter/s/b4bc9f/32.png) [@Shopwareianer](https://forum.shopware.com/u/Shopwareianer)\
**Post date:** [7. Mai 2015 um 22:04 UTC](https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777/10 "2015-05-07T22:04:23Z")

</div>

[https://github.com/shopware/shopware/bl … ic.tpl#L46](https://github.com/shopware/shopware/blob/next/themes/Frontend/Bare/frontend/listing/product-box/box-basic.tpl#L46) 240 gibt in dem Fall die Zeichenanzahl an. ( Beschreibung ) Oder hier [https://github.com/shopware/shopware/bl … ic.tpl#L39](https://github.com/shopware/shopware/blob/next/themes/Frontend/Bare/frontend/listing/product-box/box-basic.tpl#L39) vom Titel

---

<div class="post-metadata">

**Author:** ![dobrock](https://avatars.discourse-cdn.com/v4/letter/d/7cd45c/32.png) [@dobrock](https://forum.shopware.com/u/dobrock)\
**Post date:** [2. Februar 2017 um 17:41 UTC](https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777/11 "2017-02-02T17:41:46Z")

</div>

> [@Shopwareianer schrieb:](https://forum.shopware.com/profile/15489/Shopwareianer "Shopwareianer")
> 
> [https://github.com/shopware/shopware/bl … ic.tpl#L46](https://github.com/shopware/shopware/blob/next/themes/Frontend/Bare/frontend/listing/product-box/box-basic.tpl#L46)
> 
> 240 gibt in dem Fall die Zeichenanzahl an. ( Beschreibung )
> 
> Oder hier  
> [https://github.com/shopware/shopware/bl … ic.tpl#L39](https://github.com/shopware/shopware/blob/next/themes/Frontend/Bare/frontend/listing/product-box/box-basic.tpl#L39)
> 
> vom Titel

&nbsp;

Bei mir klappt das leider nicht.

Ich habe unitize-height auf 60 geändert und truncate auf höhere Werte definiert. Immer Template-Cache gelöscht und Themes kompiliert. Hat sich nichts getan.&nbsp;

&nbsp;

Was mache ich falsch?

&nbsp;

Danke

---

<div class="post-metadata">

**Author:** ![malzfons](https://avatars.discourse-cdn.com/v4/letter/m/58956e/32.png) [@malzfons](https://forum.shopware.com/u/malzfons)\
**Post date:** [2. Februar 2017 um 17:45 UTC](https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777/12 "2017-02-02T17:45:47Z")

</div>

Geh mal mit der fontsize zusätzlich kleiner. Dann gehts normal.

Siehst du hier bei mir unter www.teich-filter.eu

Gruss

Matthias

&nbsp;

---

<div class="post-metadata">

**Author:** ![dobrock](https://avatars.discourse-cdn.com/v4/letter/d/7cd45c/32.png) [@dobrock](https://forum.shopware.com/u/dobrock)\
**Post date:** [2. Februar 2017 um 18:09 UTC](https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777/13 "2017-02-02T18:09:12Z")

</div>

Danke, Matthias.

Mit der Schriftgröße habe ich schon experimientiert - auch mit anderen Einstellungen. Nichts zeigt Wirkung im Template.

Nur, wenn ich im „Responsive“ Template, anstatt in „Meinem Template“ den Wert von 40 auf 60 ändere, bekomme ich den dreizeiligen Titel. Diese Änderung dürfte beim nächsten Update aber wieder verschwunden sein…

Noch ne Idee? 🙂

Danke

Daniel

---

<div class="post-metadata">

**Author:** ![heizman24](https://avatars.discourse-cdn.com/v4/letter/h/8c91f0/32.png) [@heizman24](https://forum.shopware.com/u/heizman24)\
**Post date:** [17. August 2017 um 19:41 UTC](https://forum.shopware.com/t/artikel-titel-in-listing-dreispaltig/26777/14 "2017-08-17T19:41:50Z")

</div>

Hallo Daniel,

konntest Du das Problem mittlerweile lösen? Bei mir tritt nämlich das selbe Phänomen auf. Diese Änderung in der eigenen product-less.tpl bleibt ohne Wirkung, Cache leeren, Template kompilieren… null Ergebnis.

Wenn ich die Änderung direkt im Responsive vornehme, funktioniert das tadellos.

Wie bekommt man das updatesicher, dass man die Zeilen der Artikelüberschriften im Listing erhöhen kann?

Danke, Tom
