Neu Zeilenumbruch im seitlichen Kategoriebaum

[Jogi1962]

Hallo Leute, ich habe ein kleines Problem mit den Kategoriebezeichnungen.

Meine Kategoriebezeichnung hat teilweise drei Worte und ist damit zu lang.
Leider wird die Zeile dann nicht nach dem zweiten Wort umgbrochen sondern mitten im dritten Wort.
Sieht dann leider so aus: anstatt Nistkasten z.B. Nistk asten (Leerzeichen soll den Umbruch darstellen).

Gibt es irgenwo eine Möglichkeit, dass zu ändern?

 

[JulianG]

Hi,

ich konnte das Problem nachstellen und habe dafür ein Ticket eröffnet: https://issues.jtl-software.de/issues/SHOP-3775

Als Workaround habe ich leider nur eine ganz gemeine Methode parat (Nutzung auf eigene Gefahr, größtenteils ungetestet!), bei der du in jedem Fall einen Funktionstest machen solltest, z.B. auch in Exporten.
Stelle zunächst sicher, dass deine Kategorie die SEO-URL nicht aus dem Kategorienamen, sondern aus dem URL-Pfad-Feld (Metadaten im Beschreibungs-Reiter) bezieht.
Dann setze an der gewünschten Umbruchstelle (muss vor dem automatischem Umbruch sein) im Kategoriennamen ein <br> ein.

 

[Jogi1962]

@JulianG , danke für deine Antwort.
Das mit dem <br> habe ich schon gemacht, ist natürlich keine gute Lösung.

Vielleicht findet ihr ja eine schnelle Lösung.

 

[JulianG]

@Jogi1962 Hast du mal das komplette Beispiel (ggf. per privater Nachricht)? Laut unserer Entwicklung sollte die Trennung im 4.06 bereits (sinnvoll) funktionieren.
Mein Nachstell-Beispiel war eher forciert als sinnvoll.

 

[Jogi1962]

@JulianG,
ich habe unten mal 2 Bildausschnitte angehangen.
Ich habe erst heute gesehen, dass der Shop grammatikalisch richtig trennt, unbedingt sinnvoll finde ich das aber nicht.
Die Kategorie "Premium Baumläufer Nistkästen" ist vom Shop getrennt worden, bei "Standard Baumläufer Nistkästen" habe ich ein <br> zwischen Baumläufer und Nistkästen gesetzt. So würde ich es mir von der Ansicht her wünschen.
Im Bild_1 sieht die "sinnvolle" Trennung ja noch einigermaßen aus (die Kategorie ist angeklickt), auf Bild_2 sieht die Trennung aus meiner Sicht aber bescheiden aus.
Daher hätte ich lieber einen automatischen Zeilenumbruch und das Wort komplett in der zweiten Zeile.

Wenn man ein <br> in der Kategoriebezeichnung einfügt, wird dieser break natürlich überall übernommen wo die Kategoriebezeichnung angezeigt wird, ist also auch nicht der Hit

 

[css-umsetzung]

Die richtige Trennung der Wörter hängt vom verwendetem Browser ab und ist teilweise extrem schlecht, daher würde ich diese in den wichtigen Bereichen entfernen.
die Klasse word-break ist dafür verantwortlich und im Produkt Title ist das auch fest eingebaut.

du solltest also da wo es dich stört diese Funktion per CSS deaktivieren, dann bricht der Browser nur noch bei kompletten Wörtern um

Hier die Klasse um die es geht:

.word-break,
.desc,
.shortdesc,
.product-title {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

 

[Jogi1962]

@css-umsetzung,

das werde ich auf jeden Fall ausprobieren. Alles sieht besser aus als ein getrenntes st und in der zweiten Reihe stehen dann drei Buchstaben.
Ich danke dir schon mal.

 

[JulianG]

Firefox: Standard Baumläufer Nist-kästen
Chrome: Standard Baumläufer -> Nistkästen
Opera: Standard Baumläufer -> Nistkästen
Edge: Standard Baumläufer Nistkäs-ten

Im Firefox grammatikalisch korrekt, aber unschön. Im Edge gehts gar nicht. Danke für die Zusatzinfo. Mal schauen, was unsere Entwicklung da tun kann

 

[css-umsetzung]

Im Forefox grammatikalisch korrekt, aber unschön. Im Edge gehts gar nicht. Danke für die Zusatzinfo. Mal schauen, was unsere Entwicklung da tun kann

Ich mecker über euer wordbreak, insbesondere im h1 der Detailseite seit dem ihr das veröffentlicht habt
Es lässt den Shop Besitzer je nach Browsertype immer doof aussehen, der Kunde weiß ja nicht das der Browser schuld ist und denkt sich seinen Teil.

 

[JulianG]

Ich mecker über euer wordbreak, insbesondere im h1 der Detailseite seit dem ihr das veröffentlicht habt
Es lässt den Shop Besitzer je nach Browsertype immer doof aussehen, der Kunde weiß ja nicht das der Browser schuld ist und denkt sich seinen Teil.

Oh du hattest das schon gemeldet, hab ich ein Duplikat aufgemacht? Hast du mal den Issuetracker-Link?

 

[css-umsetzung]

Oh du hattest das schon gemeldet, hab ich ein Duplikat aufgemacht? Hast du mal den Issuetracker-Link?

Nein alles gut, ich mecker da ja eher intern und direkt und nehme das bei meinen Kunden immer raus wenn ich daran denke