Anzeige von Artikelnummer und Preis bei Varianten

Hallo!

Mir ist folgendes aufgefallen:

Mein Shop hat Produkte, alle Produkte haben über 3 Attribute Varianten.

Im Produktreader-Template habe ich die Anzeige der Produktdaten um die Artikelnummer erweitert.

Wenn ich nun in der Produktliste ein Produkt zur Detail-Ansicht auswähle erscheint die Detailansicht mit der Auswahlmöglichkeit der 3 Attribute.

Es erscheint jedoch keine Artikel-Nummer und kein konkreter Preis für eine Variante.

In den Select-Menüs ist jeweils die erste Option ausgewählt.

Der Preis hat die gleiche Anzeige wie in der Produktliste (Ab X.XX EUR).

Das wird nun sicher daran liegen dass noch keine Variante manuell ausgewählt wurde, erst wenn ich eines der Attribute verändere erscheinen Artikelnummer und Preis dieser Variante.

Besser wäre es doch sicher wenn die Daten (Artikelnummer und Preis) der in den Select-Menüs angezeigten Variante dargestellt würden.

Also die konkrete Artikelnummer und der zugehörige Preis dieser Variante.

Ist das irgendwie machbar?

In der jetzigen Form verwirrt das vielleicht die Kunden.

Vielen Dank!

Dieser Fall wurde glaube ich schon öfter im Forum beschrieben und ich selber stolpere tatsächlich auch immer wieder drüber. Bisher habe ich immer irgendwelche Shop-Szenarien, wo die Standarddarstellung von Varianten nicht wirklich optimal scheint.
Ich würde dir einen dieser Lösungsansätze empfehlen:

1) Wenn deine Attribute Selects sind, füge eine leere Option hinzu, sodass der Kunde gezwungen ist etwas auszuwählen.
2) Stoße per ajax nach dem Laden der Detailseite ein Produkt-Update an, sodass die vorausgewählten Selects quasi als Kundeneingabe simuliert werden

Hallo claus!

Danke für Deine Antwort.

>> 2) Stoße per ajax nach dem Laden der Detailseite ein Produkt-Update an, sodass die vorausgewählten Selects quasi als Kundeneingabe simuliert werden

Wie mache ich das konkret?

Vielen Dank!

Ich kann dir auf die Schnelle nur fix einen jQuery Code-Schnippsel von mir geben, in dem ich das ganze Formular per post absende. Vielleicht kannst du damit was anfangen:

HTML-Code:

---

        var data = $form.serialize();
        data += "&update=1";
        $.post($form.attr('action'), data, function (d) {
            $productdetail.replaceWith($('.product_detail', d))
        })

---

Letztendlich sende ich das Formular einmal ab, nachdem die Seite geladen wurde und ersetze den Abschnitt der Produktdetails (dort sollte dann der korrekte Preis drin stehen)

Hallo claus!

Danke für die Antwort und den Code-Scghnipsel.

Wo genau baust Du den Java-Script-Code ein?

In einem Template oder wo?

Danke!

Im konkreten Fall habe ich eine extra JS-Datei. Man kann aber auch im Template ein script-Block einfügen. Das ist egal

Hallo claus,

ich habe das Script am Ende des Product-Reader-Templates eingefügt (umgeben von

Code:

---

<script></script>

---

), es passiert aber nichts.

Was fehlt da noch?

Danke!

Na da fehlt ja auch noch die Hälfte ;) Wie gesagt ist mein Code ja auch nur ein Schnippsel. Die Variablen $form oder $productdetail musst du ja z.B. noch definieren, so wie sie eben bei dir heißt. Aber das sind reine Javascript-Basics, die du da noch selber schreiben müsstest.

In meinem Code-Teil ging es mir eher darum zu zeigen, wie du dann alles per POST absenden und ersetzen kannst.