Neu Zeilenumbruch im Artikelnamen

[volvisti]

Hallo zusammen,
bin mir nicht sicher, ob ich hier oder eher im Wawi-Bereich richtig bin.
Ich stelle meine Frage trotzdem mal hier.

Wie bekomme ich es hin, dass der Artikelname an einer von MIR bestimmten Stelle umbricht?

Das sieht hier und auch an anderen Stellen im Shop ziemlich unprofessionell aus, finde ich jedenfalls.
Hat da jemand einen Tipp für mich, oder muss ich etwa damit leben? 🙁

Besten Dank

 

[Xantiva]

Du könntest höchstens die CSS-Eigenschaft so ändern, dass die Browser nicht versuchen innerhalb eines Wortes einen Zeilenumbruch vorzunehmen: "word-break"

 

[volvisti]

Hallo Xantiva,
da fängt das Eis an seeeeehr dünn zu werden 🙂

Hatte mal nach einer Style.css geschaut und irgendiwe keine gefunden. (war aber auch schon sehr spät)
Wird dann aber wohl am Besten sein, über ein Chald Template zu gehen. Sehe ich das richtig?

 

[Xantiva]

Child-Template klingt sehr gut, aber dann werfe ich noch den Begriff "LESS" in den Raum ...

Aber - nur um die eine Änderung zu machen ist das evtl. doch etwas übertrieben. Im Evo Template gibt es in den Theme-Ordnern auch eine custom.css. Damit würde ich es dann mal zuerst versuchen.

 

[css-umsetzung]

ich entferne das word-wrap meistens kompl. da es in einigen Browsern wirklich sehr eigenartig trennt.

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

zusätzlich verkleinere ich den Title vom Produkt auf 24px, da ich 36px für den kleinen Bereich recht heftig finde.

 

[deutschevita]

Kannst ja ml versuchen ein ­ an die entsprechende Stelle im Titel zu setzen, weiß aber nicht ob das tut.

 

[css-umsetzung]

das wäre denkbar schlecht

 

[deutschevita]

das wäre denkbar schlecht

Heißt nicht, dass es so nicht wäre 😀

 

[css-umsetzung]

Doch! 🙂

 

[volvisti]

Hallo zusammen,
alle Änderungen im Artikelnamen schlagen auch auf die Wawi und entsprechend auf die Formulare durch.
Ausserdem klappt es mit dem ­ nicht.🙁


@css-umsetzung:
In welcher Datei (bitte mit Pfad) machst Du die von Dir vorgeschlagenen Änderungen?

 

[css-umsetzung]

@volvisti lege dir eine custom.css an bzw. sollte vermutlich bereits eine vorhanden sein, dann fügst du das genau da ein.

Mach am besten auch die von mir angesprochene Größenänderung des Fonts, dann ist eigentlich alles gut. Dass es mal ungünstige Zeilenumbrüche geben könnte und z.B. "1L" dann in der nächsten Zeile alleine steht, damit muss man leben, wird aber wohl nicht oft vorkommen, oder man spielt etwas mit den Produktnamen um das zu verhindern.

 

[volvisti]

Hallo css-umsetzung,
danke für die Info.
die custom.css ist Bestandteil des Themes.
Den Code habe ich im Testshop eingefügt und bin ziemlich begeistert.
Nach einigem Suchen habe ich dann auch gefunden, wo ich die Schriftgrößen einstellen kann und hab die Einstellung für "h1" in die Custom.css übernommen.

Wie verhält es sich denn bei einem Update?
Ich habe irgendwie im Hinterkopf, dass die Templates überschrieben werden und alle Änderungen verloren gehen.
Gilt das auch für die custom.css?

 

[css-umsetzung]

Wenn du so wie es am besten wäre mit einem Child Template arbeitest und dort auch deine custom.css liegt, hast mit Updates keine Probleme.

Arbeitest du nicht mit einem Child, dann musst darauf achten das deine custom.css nicht überschrieben wird, solltest aber über kurz oder lang ein Child anlegen.

 

[volvisti]

Besten Dank für die Info, werde ich drauf achten und kurzfistig versuchen umzusetzen.

Schönen Tag noch

 

[holzpuppe]

ich entferne das word-wrap meistens kompl. da es in einigen Browsern wirklich sehr eigenartig trennt.

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

zusätzlich verkleinere ich den Title vom Produkt auf 24px, da ich 36px für den kleinen Bereich recht heftig finde.

Auf "normal" setzen, funktioniert nicht mit Chromederivat Vivaldi. (Getestet an Swachtes Produktnamen.)
Ja mit einigen Browsern sieht es merkwürdig aus. Aber solange Google nicht in die Puschen kommt, geht es nicht anders.

 

[css-umsetzung]

Meine Einstellung geht auch im vivaldi und verhindert einen automatisierten Umbruch, aber ich glaube word-wrap und co gehen nicht in allen Elementen.

 

[holzpuppe]

Meine Einstellung geht auch im vivaldi und verhindert einen automatisierten Umbruch, aber ich glaube word-wrap und co gehen nicht in allen Elementen.

Das scheint wohl in dem Fall der ..ähm...Fall zu sein. xD

Btw.: Gerade darüber gestolpert. Eine nette Seite die einem dieses ganze webkit, moz und den Schnulli abnimmt.
https://autoprefixer.github.io