Titel in der product_listing_V1 mehr Zeichen _ Ich finde es nicht

[ralfg]

Hallo
ich möchte einen neuen Shop aufsetzen. Mein alter Shop ist eine v1.06 .
Der neue wird eben ein neuer 3.02. Ich merke, es hat sich viel geändert. Z.Z. verwende ich "tpl_neo_boxable" was mir sehr gut gefällt.
Ich scheitere jetzt seit 3 Stunden an einem, eigentlich kleinen, Problemen.

1.) Ich möchte die Anzahl der Zeichen in der  Überschrift erhöhen, in der product_listing_V1.html .
In der V1.06 konnte ich in der product_listing_V1.html den Wert für truncate erhöhen "<........{$module_data.PRODUCTS_NAME|truncate:65:"...":true}</a>"

Leider ist das jetzt ganz anders aufgebaut. Auch nach zwei Stunden Suche (auch über die Suche hier im Forum) finde ich nicht heraus, wo ich diesen Wert erhöhen kann.

Danke

Linkback: https://www.modified-shop.org/forum/index.php?topic=43421.0

[Markus]

Hi ralfg,

suche in der stylesheet.css diesen Eintrag:

Code: CSS  [Auswählen]

.lb_title h2 {
    font-weight: 600;
    text-align: left;
    height: 32px;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    border: none;
    margin: 0;
    padding: 0;
}

und ersetze ihn damit:

Code: CSS  [Auswählen]

.lb_title h2 {
    font-weight: 600;
    text-align: left;
    height: 48px;
    font-size: 14px;
    line-height: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    border: none;
    margin: 0;
    padding: 0;
}

Das wars auch schon. Die Überschrift wird komplett ausgegeben und nur über CSS "gekürzt".
2 Zeilen wurden geändert. (height und -webkit-line-clamp)

Markus

[ralfg]

Danke,
davon habe ich noch nie gehört.
Das funktioniert allerdings nur wenn der Abstand zwischen dem Text zum umgebenden Block nicht durch padding gehalten wird, sonst stimmt die Zahl der Zeilen nicht mehr: Zeilen werden mitten drin abgeschnitten.

Aber wo ich Dich gerade habe und Du Dich so gut auskennst, kannst Du mir sicher sagen wo ich die Breakpoints einstellen kann. Die sind in allen Template nicht gut gesetzt.
Auf meinem Mobiltelefon habe ich zwei Spalten nebeneinander, das sieht nicht schön aus. Dann werden die Bilder auf die Thumbnail-Images geändert wenn ich nur 10px in der Breite wegnehme. Und wenn ich die Breite dann weiter verkleinere springt die Ansicht auf eine Spalte. Letzteres wäre sauber und auch lesbar.

Das Verhalten ist in allen Templates die ich getestet habe gleich.
In den CSS Dateien finde ich nichts.
Wo finde ich die Breakpoints?

Danke

[Markus]

Hallo ralfg,

davon habe ich noch nie gehört.

Lesestoff: https://css-tricks.com/almanac/properties/l/line-clamp/

Das funktioniert allerdings nur wenn der Abstand zwischen dem Text zum umgebenden Block nicht durch padding gehalten wird, sonst stimmt die Zahl der Zeilen nicht mehr: Zeilen werden mitten drin abgeschnitten.

Deswegen hat die Klasse ja auch kein Padding. Das Padding wird  im übergeordneten Container gesetzt.

Die Breakpoints findest du alle in der stylesheet.css.
Einfach mal nach "@media" suchen. Dann wirst du fündig. 

Markus

[noRiddle (revilonetz)]

...und die für die Bildgrößen bei PICTURESET_BOX und PICTURESET_ROW in der */config/config.php  der responsive Templates.

Gruß,
noRiddle