Zeilenumbruch um Artikelnamen

Pikeattack

Aktives Mitglied
31. Mai 2017
3
0
Hallo liebe Community!

Ich bin absoluter Neuling was die JTL Produkte betrifft. Arbeite jetzt seit kurzer zeit mit WAWI und habe auch den Testshop installiert.

Ich konnte bisher für meine Problemchen immer Hilfe in schon bestehenden Themen finden. Diesmal aber wurde ich nicht fündig und wäre um eine Hilfe eurerseits dankbar!

Mein Wunsch wäre es, den Artikelnamen mehrzeilig zu haben. Ich weis dass das Programm automatisch den Namen auf mehrere Zeilen aufteilt, sobald der Name zu lange wird.
Optisch wäre es ideal, wenn das erste Wort des Namens in der obersten Zeile steht, der Rest darunter.

Beispiel:

ERDBEERE
Fruchtjoghurt Becher 250 gr

Dass die Sorte oben alleine in Großbuchtsaben steht, darunter die Kategorie und das Gebinde quasi.

Wäre euch sehr dankbar wenn mir jemand helfen kann!

Grüße,

Paul
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
6.708
1.615
Berlin
Code:
jQuery(document).ready(function() {
jQuery("h1.product-title").each(function(){
var me = $(this), fw = me.text().split(' ');
me.html( '<span class="btn-block">'+fw.shift()+'</span> '+fw.join(' ') );
});
});

in eine passende JS Datei und es sollte gehen
 
  • Gefällt mir
Reaktionen: Xantiva

Pikeattack

Aktives Mitglied
31. Mai 2017
3
0
Hallo!

Danke für deine Antwort!

Da ich nicht umbdingt bewandert bin was Javascript Änderungen angeht, würd ich noch wissen müssen wo ich diesen code dann eingeben soll? Kenn mich da überhaupt nicht aus.

Lg
 

css-umsetzung

Offizieller Servicepartner
SPBanner
6. Juli 2011
6.708
1.615
Berlin
wenn du in deinem template im js/ Verzeichnis eine custom.js hast dann fügst du den code da am ende ein.
wenn nicht dann erstellst du eine custom.js und fügst den code dort ein.

Wenn du das auch nicht kannst, wird es teuer :)