Multiple forms and sub-tables in a single view

Right on @PaulD

In addition see how Google Enhanced E-commerce works and what kind of events it captures, because at a given moment you probably will be asked to implement it. Here are the events approximately:

- preview any page
- preview product category
- preview product page
- add a product to cart
- remove a product from cart
- checkout
- additional steps after checkout (if any, add contact data, delivery options, final preview before the transaction)
- transaction (order/payment) a.k.a. "Thank you" page.

So, better make a cart where you can fill it with products. Implement the navigation from the checkout to the final transaction as a wizard - several pages (not many, shrink this path as it is possible) with "Back" and "Forward" ("Buy") buttons. Lately, when it becomes necessary, with this page structure you could relatively easily add the JavaScripts for tracking.

In your pictures I wonder why the "Add Product" button has been placed exactly there and what it does.