Opdracht RMM3 4.2 SimpleCartJS -> weergeven van cart data

Vervolg van vorige les

De vorige les (Opdracht RMM3 4.1 SimpleCartJS) hebben we de minimale webshop-functionaliteit aan een product-overzicht pagina toegevoegd.

Deze les ga je verder en ga je een winkelwagen (cart) overzicht aan de site toevoegen:

Zie voor een voorbeeld: http://wojodesign.com/simpleCart/

In de documentatie over de cartview: http://simplecartjs.org/documentation/displaying_cart_data

staat onderandere een div met de class="simpleCart_items".

Wanneer je deze div in je pagina opneemt, vult het simplecart script die div met html om de inhoud van de cart te presenteren. Deze zul je zelf moeten stijlen.
Hieronder een voorbeeld van de gegenereerde html in de cart weergave:

<div class="simpleCart_items">
    <div class="cartHeaders">
        <div class="itemName">Name</div>
        <div class="itemPrice">Price</div>
        <div class="itemQuantity">Quantity</div>
        <div class="itemTotal">Total</div>
    </div>
    <div class="itemContainer">
        <div class="itemName">White Slip-on</div>
        <div class="itemPrice">$45.00</div>
        <div class="itemQuantity">
            <input type="text" value="1" onchange="simpleCart.items['c1'].set('quantity' , this.value);">
        </div>
        <div class="itemTotal">$45.00</div>
    </div>
</div>