AMP: Building Accelerated Mobile Pages

Keeping track of chosen options and price in the cart

We're almost there--just a few loose ends to tie up. We need to bind the options to the hidden fields of the form--this data will be sent to the server when the user adds a configured product to the cart. We've seen how to do basic options already:

<input type="hidden" name="color" value="red" [value]="product.color"><input type="hidden" name="style" value="f" [value]="product.style"><input type="hidden" name="size" value="s" [value]="product.size">

Next, we'll do the product_id. For this prototype, we'll want to list different product configurations separately in the cart (so that we can remove them separately, and show their prices separately). So we'll append the options to the product_id ...