Frage zu JSON

[Unser-Spielzeug]

Hallo,
vielleicht kann mir hier jemand helfen, wie ich mein Problem lösen kann.
Ich habe einen Shop und setze eine automatische Preisaktualisierung für Produkte ein, für zum Beispiel verschiedene Größen, die dann unterschiedlich teuer sind (also mit Aufpreis).
Ich möchte die Funktion nun etwas verändern.

Hier ein Ausschnitt aus dem Code:

Code: Alles auswählen

if(typeof(data.items)!='undefined'){
			// now give the new data
			$.each(data.items, function(json_id,json_data){
				$(json_data.update_select).effect('highlight', {color:'#FE9A02'}, 750);
				$(json_data.update_select).html(json_data.update_text);
			});

Mit dem Befehl effect(hightlight) blinkt bei einer Aktualisierung des Preises der Background kurz auf.
Nun zur Frage: Kann man zum Beispiel irgendwie angeben, dass die Ausgabe des Preises in Fettschrift erfolgen soll?

Vielen Dank [/quote]

[chris21]

Der JSON Teil ist hier gar nicht relevant, sondern einfach jQuery oder was Du da verwendest. Damit man dort mal den Code sehen kann, um zu bestimmen, wo der Preis steht: hast Du einen Beispiellink parat? Ich habe kein Produkt mit verschiedenen Größen oder anderen Modifikatoren gefunden

[007]

Müsste so funktionieren:

Code: Alles auswählen

if(typeof(data.items)!='undefined'){
$.each(data.items, function(json_id,json_data){
$(json_data.update_select).effect('highlight', {color:'#FE9A02'; font-weight:bold;}, 750);
$(json_data.update_select).html(json_data.update_text);
});

[chris21]

Hightlight ist wohl der ganze div, der eine Hintergrundfarbe bekommt für 750 Millisekunden. Da das font-weight auf bold zu setzen würde nicht nur den Preis sondern den gesamten div Inhalt betreffen, aber nur für 750 Millisekunden.

Daher brauchen wir eine Beispielseite, um es richtig nach den Vorstellungen einzubauen.

[Unser-Spielzeug]

Erst Mal vielen Dank für Eure Antworten.
@007 Leider funktioniert danach die Funktion nicht mehr, seltsamerweise!

@Chris21
Hier kannst du das Ganze mal sehen:
https://www.unser-spielzeug.de/shop-neu ... ::123.html

Und aussehen sollen die Preise so:
https://www.unser-spielzeug.de/shop-neu ... ::118.html

[Synonym]

Code: Alles auswählen

<div id="new_price" style=""> 28,90 EUR</div>

Also einfach im CSS dem #new_price ein font-weight:bold; mitgeben.

Nachtrag: Im Beispiel wird es anders gemacht:

<span class="price"> 28,90 EUR</span>

Da gibt es also schon ein span.price

Ist somit auch eine Templatefrage. Musst halt an der entsprechenden Stelle einbauen.

[chris21]

Ich würde das Problem ganz anders lösen: gib einfach dem div mit der id=new_price zugleich die class=price, anstatt darin noch zusätzlich die span zu setzen. Dann stimmt auch das aussehen vor und nach dem call.

Oder eben dem #new_price die CSS Zuweisungen von .price ebenfalls zuordnen.

Das Problem entsteht dadurch, dass Du den Inhalt des div #new_price ersetzt und damit auch den span mit der classs .price löscht.

Alternativ könntest Du auch

Code: Alles auswählen

$(json_data.update_select).html(json_data.update_text); 

mit

Code: Alles auswählen

$&#40;json_data.update_select&#41;.html&#40;"<span class='price'>"+json_data.update_text+"</span>"&#41;; 

ersetzen.

[Unser-Spielzeug]

Hammer!
Cool, und Danke für Eure Antworten, habe es jetzt, so wie ich wollte

[Unser-Spielzeug]

Achso eine Sache habe ich noch
Wie kann ich denn noch mein Preisschild hinter der Aktualisierung erhalten?
Das wird irgendwie immer übergeblendet.

[chris21]

Liegt daran, dass es auch zum Inhalt des divs mit der id new_price gehört und der Inhalt überschrieben wird.

Quick and Dirty Lösung wäre z.B.:

hinter

Code: Alles auswählen

$(json_data.update_select).html(json_data.update_text); 

einfügen:

Code: Alles auswählen

$&#40;json_data.update_select&#41;.append&#40;'<img src="./images/preisschild.gif" align="absmiddle" style="margin-left&#58;10px;" width="65" height="30">'&#41;; 

Aber empfehlenswerter wäre es, den Code so genau zu trennen, dass Du den Preis updaten kannst und der Rest bleibt und nicht neu gesetzt werden muss.

Ich weiß z.B. nicht, ob das Sale Logo immer und bei jedem Produkt drin sein soll...

[Unser-Spielzeug]

Prima
Habe es jetzt so eingebaut, wie du es geschrieben hast.
Funktioniert prima, reicht mir.

Wieder jemanden glücklich gemacht