Hallo sehr geehrte Brotfische,
derzeit entwickle ich für die Pizzeria wo ich arbeite eine eigene Webseite mit Bestellsystem. Die Kunden sollen, wie bei Lieferando auch, ihr Essen ganz leicht auf der Webseite bestellen können.
Das eigentliche Problem ist bei mir in Javascript.
Bei Bspw. einer Pizza soll der Kunde die Möglichkeit haben, Extrabeilagen hinzuzufügen (gleiches Prinzip wie Lieferando), der Kunde sieht den endgültigen Preis und kann ihn dann in den Warenkorb werfen.
Das ganze soll möglichst dynamisch sein, die Beilagen werden aus der Datenbank geladen und je nach Pizza Größe kostet eine Extrabeilage logischerweise mehr.
Der Aufbau eines Objekts ist zum Beispiel so:
<div class="meal-container">
<div class="meal-wrapper" id="product-2" onclick="DishMenuOpen(2);">
<div class="inner">
<div class="mealname">Pizza Tonno</div>
<div class="mealdescription">Mit Zwiebeln und Thunfisch</div>
<div class="mealprice" id="mealprice-2" data-price="5.50">5,50 €</div>
</div>
</div>
<div id="productSelector-2" class="meal_selectorcontent">
<div class="meal_selectorcontent_popup">
<div class="meal_selectorcontent_inner_extra">
<div class="row">
<div class="col-md-6">
<div class="capri_form_check">
<input type="checkbox" class="capri_check_meal" onclick="SetAddondish(this, 77, 2);" id="productAddon_77" value="1" name="productAddon_77" data-blob="0.50" />
<label class="check_meal_label" for="productAddon_77"> mit Ananas (+0,50€)</label>
</div>
</div>
<div class="col-md-6">
<div class="capri_form_check">
<input type="checkbox" class="capri_check_meal" id="productAddon_78" value="1" name="ProductAddon" onclick="SetAddondish(this, 77, 2);" data-price="0.50" data-info="Antischocken" data-id="3307" />
<label class="check_meal_label" for="productAddon_78"> mit Antischocken (+0,50€)</label>
</div>
</div>
<div class="col-md-6">
<div class="capri_form_check">
<input type="checkbox" class="capri_check_meal" id="productAddon_79" value="1" name="ProductAddon" data-price="0.50" onclick="SetAddondish(this, 70, 2);" data-info="LOL" data-id="3307" />
<label class="check_meal_label" for="productAddon_79"> mit Bolognesesauche (+0,50€)</label>
</div>
</div>
</div>
</div>
</div>
<div class="meal_selector_footer">
<div class="row">
<div class="col-md-4">
<div class="meal_qty_wrapper">
<div class="meal_qty_control">
<button class="meal_qty_select" onclick="meal_select_minus(2);">
<i class="icofont-minus"></i>
</button>
<div class="meal_qty-count" id="product_qyt_count-2" data-id="1">1</div>
<button class="meal_qty_select" onclick="meal_select_add(2);">
<i class="icofont-plus"></i>
</button>
</div>
</div>
</div>
<div class="col-md-8">
<div class="meal_order_btn_wrapper">
<button class="meal_order_btn cartbtn" id="productPrice-2" data-id="5.50">5,50 €</button>
</div>
</div>
</div>
</div>
</div>
</div> Mit der Funktion SetAddondish() kann ich den Preis (Durch data-price) auslesen aber wie kann ich es zum Total-Preis errechnen, natürlich soll die Menge (qty) mit in der Berechnung einflissen?
Es soll auch kein Konflikt entstehen, wenn der Kunde mehrere Pizzen auswählt.
Mit einer einfachen Variable hab ich es schon versucht, so einfach ist es dann doch nicht, somall der Beitrag wieder subtrahiert wird, wenn der Kunde doch eine ausgewählte Beilage wieder abwählt.
Vielleicht denke ich gerade zu Kompliziert aber mir gehen die Ideen zur Lösung aus, ich zerbreche mir seit über 3 Tagen den Kopf darüber.
Über Input, Lösungsansätze und alles was mich weiter bringen kann,würde ich mich sehr freuen.
Liebe Grüße,
palwal
