Create a Wordpress Template

Our site uses Woocommerce as its E commerce back-end. I require the development of a custom page that has the same functionality as this page [login to view URL] Step 1. On the left bar the user will choose a the parent category from a dropdown.(file: [login to view URL]) Step 2. On selecting the parent category the child categories will appear as buttons underneath.(file: [login to view URL]) Notes: In URL above once the button in step 2 is clicked all the products in that category are automatically added to the cart. This shouldn't happen for this development. Step 3. On clicking a button, load all the products in that child category in specific list form (file: [login to view URL]) Notes: On clicked the plus of minus buttons in this layout the total automatically updates for this product, as does the order total. Step 4. The place order / Add to cart button is clicked and all the selected products are added to the cart. This must be develeloped for Woocommerce. This must be easily integrated into a standard woocommerce installation and be version proof. This is a simple and a quick job for someone who knows what he is doing