Neu Kurzbeschreibung unter Artikelbild in der Artikelliste anzeigen

GrowEnd

Aktives Mitglied
30. Januar 2019
54
3
Hallo Zusammen,

ich bräuchte mal wieder Eure Hilfe. Ich nutze den JTL Shop 5 mit Nova Template (Child). Ich hätte es gerne so das der Text der Kurzbeschreibung auch in der Artikelliste unter dem Artikelbild/Titel angezeigt. Ich habe mal ein Screenshot von einem Shop (auch jtl) beigefügt, welcher das genauso hat wie ich es möchte.

Wo kann ich das einstellen bzw. umsetzen?

Wäre sehr Dankbar wenn Ihr mir helfen könntet.

Beste Grüße

Lars
 

Anhänge

  • Beispiel001.png
    Beispiel001.png
    482,5 KB · Aufrufe: 7

GrowEnd

Aktives Mitglied
30. Januar 2019
54
3

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
7.851
2.213
Berlin
Firma
css-umsetzung
Wenn du da wie es gerade scheint, größere oder kleinere Design Umbauten vor hast, solltest du dir lieber einen Servicepartner oder anderen Aktiven Programmierer hier im Forum nehmen.
So wie du das gerade angehst macht es keinen Sinn, da auch hier entsprechende Fähigkeiten im Umgang mit smarty erforderlich sind.
 

GrowEnd

Aktives Mitglied
30. Januar 2019
54
3
Ich Danke Euch für eure Unterstützung, bzw. den Anreiz. Ich habe nun im Child in der item_box.tpl den folgenden code eingebaut:

{if $Artikel->cKurzBeschreibung}
<div class="productbox-short-description text-clamp-3">
{$Artikel->cKurzBeschreibung|strip_tags|truncate:120:"...":true}
</div>
{/if}


hat perfekt funktioniert, habe über die custom.css noch das Design angepasst, damit Titel und Kurzbeschreibung nicht die selbe Schriftgröße und Stärke haben.

.productbox-short-description {
font-size: 0.9rem;
color: #555;
margin-top: 0.3rem;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.productbox.productbox-column .productbox-title a {
font-weight: 700;
font-size: 1.1rem;
color: #222;
}

.productbox.productbox-column .productbox-short-description {
font-size: 0.9rem;
color: #555;
margin-top: 0.3rem;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}


Jetzt ist es genauso wie ich es mir vorgestellt habe. :)