Konfigurator (nennt man das professionell so?) mit Preisen und Produkten bzw. Mengen

**dereo** · 08.03.2015, 17:20

Liebe Community!

Ich möchte gerne eine Art "Konfigurator" basteln, weiß aber nicht genau, wie ich das am einfachsten angehe. Da ich noch ziemlich neu bin in CSS und Contao fallen mir auch momentan nicht die richtigen Begriffe für mein Anliegen ein.

Habe schon mit Radio-Buttons in Formularen ein wenig experimentiert und auch ein wenig per CSS bearbeitet aber jedes meiner Ergebnisse sieht scheußlich aus und ich komme auch nur zur Darstellung der Felder A, B und C - der Rest (Ausgabe von Werten etc. funktioniert bei mir absolut nicht). Ich will auch nicht unbedingt Isotope oder einen anderen Shop in die Seite integrieren nur um dieses kleine Problem zu lösen.

Nun zum eigentlichen Problem (visuelle Erklärung ATTACHMENT): Ich stelle mir vor, dass in Feld A, B und C jeweils ein Bild (das für eine Produktvariante steht) angezeigt wird. Man wählt eines aus, das wird dann irgendwie mit einem Rand versehen oder irgendwie anders gehiglightet. Dann wird in Feld D der Preis des gewählten Feldes aus A, B oder C ausgegeben. In Feld E kann man dann im besten Fall die gewünschte Menge eingeben und irgendwo unterhalb der Felder oder auch daneben soll dann noch der Preis mal der Menge als Gesamtpreis erscheinen.

bild.png

Schafft man das irgendwie mit einem Script, einer Erweiterung oder mittels Vorlage? Bin für jegliche Hinweise dankbar und froh!

Beste Grüße

**tschero** · 09.03.2015, 06:48

Hi,

da könnte Dir die Erweiterung Isotope weiterhelfen und etwas CSS.

Gruß
tschero

**dereo** · 09.03.2015, 07:40

Ein wenig CSS allein reicht nicht?

Bezüglich Isotope: Ich habe das ganze Wochenende mit der aktuellesten Version von Isotope verbracht aber ganz ehrlich: Ich bring das nicht mal annähernd zum Laufen. Habe Seiten, Module etc. angelegt, habs mit Attributen und Produkttypen und produkten versucht aber ich krieg es nicht hin. Und irgendwann werden dann nur mehr leere Seiten angezeigt mit dem Hinweis "zurzeit sind in dieser Kategorie keine Produkte vorhanden".

**cliffparnitzky** · 09.03.2015, 08:04

Moin,

im Grunde fehlt ein bissel was an Infos.

Grundsätzlich würde ich sagen, JA, das was du beschrieben hast geht mit bissel CSS und JavaScript ohne Probleme.

ABER, was soll dann passieren?

Wird ein Warenkorb, oder irgendwas anderes für eine Kaufabwicklung benötigt, sollte man eher nen Shop einsetzen.
Außerdem sollten Preise, die per JS berechnet werden, noch mal vom Server (also PHP) validiert werden.

Aber wie gesagt, das was du beschrieben hast, ist mit CSS und JS ohne viel Aufwand machbar.

Gruß, Cliff

**dereo** · 09.03.2015, 08:15

Wenn man die ganze Zeit in den Bildschirm reinschaut, dann kann man sich nicht mehr konzentrieren.. mittlerweile bin ich draufgekommen, dass man das ja Kalkulator nennt und nicht Konfigurator.

Es soll nichts bestellt werden können, also ohne Warenkorb oder Kaufverpflichtung. Das Ganze soll lediglich als Information dienen.

Habe nun auch eine Beispielseite gefunden, wo man ganz gut sieht, was ich machen will, und zwar hier etwa Seitenmitte.

1 Format wählen (nur heißt es bei mir dann nicht Format aber vom Aufbau her entspricht es meiner Vorstellung)

2 Preis berechnen anhand einer eingegebenen Menge (ohne aktuellem Warenbestand oder Lieferzeit)

**cliffparnitzky** · 09.03.2015, 08:30

Joah dann

Würde für A, B, C Radio Buttons anlegen und mittels CSS ein 'background-image' zuweisen ...

An den Radio Buttons ein Click-Event registrieren, welches dann in D den Preis zeigt (D braucht auch nur ein DIV mit Rahmen sein).

Für das Mengen Feld könnte man z.B. ein Keyup-Event verwenden, was dann den Gesamtpreis berechnet.

Gruß, Cliff