We have a website now running with WordPress with a working eCommerce solution based purely on custom PHP code. You can see the website at: [url removed, login to view] and the Online Shop feature at: [url removed, login to view]
Your job is to implement the Online Shop from scratch, using WooCommerce.
The new Online Shop feature must have identical logic as the current (old) Online Shop feature. That is, the entire buying process must consist of two pages:
1) Product Selection page allows user to choose the product and license type, enter his details (Name, email address, alternative email address) and choose to buy also VIP package or Platinum VIP package.
The Product Selection page must also display the price of the product and the price must be updated automatically without page reload if user changes Product or License type.
2) Order Verification page shows the summary of the order with all the information the user just provided (name, email, product name, license type, VIP/Platinum VIP) and provides the price with VAT information. VAT (value added tax) must be calculated in same way as currently in the website.
In the Order Verification page, the payment options are displayed and user can click the payment method he wishes to use: PayPal or 2checkout payment gateway.
Clicking the payment method button redirects the user to the payment processor's website to do the payment.
The system must also support discount coupons. After user completes the buy process, he is shown either an "order success" or "order failed" page. For tracking purposes, these pages must have different urls (e.g. [url removed, login to view] and [url removed, login to view])
The new Online Shop must display the current step of the order process and allow user to move back either with the Back button of the browser or with a back link from the Order Verification step back to the Product Selection step. In other words, when user enters the shop's first page (Product Selection), there must be a visual indicator telling him how many steps the order process is going to take, similar to the current/old Online Shop.
The new Online Shop must be visually matching to the overall visual style of [url removed, login to view] website and user interface must be responsive to support mobile device use.
To perform this job, you are given access to our development server that has a copy of the [url removed, login to view] website in which you can test your code. After you are finished and your work has been approved by us, you will assist us to install the new Online Shop to the live web server, after which your job is complete.