Skip to main content

Checkout And payment

Checkout and Payment section has twpo sections namely

  1. Cart Products

  2. Shipping Address

  3. Shipping Method

  4. Payment

Docs Version Dropdown

After adding particular products to the cart there is an option to checkout , On Clicking the PROCEED TO CHECKOUT Button from the Cart Total Section ,it will be redirected to the http://localhost:3002/checkout page

Checkout Page

On Redirecting to the checkout page the user can navigate through the sections as shown below Docs Version Dropdown

Cart Products

On the Right Side of the Checkout Page the Products which User added and wants to order are shown along with the details Docs Version Dropdown

Shipping Address

On the Shipping Address Section there is a dropdown which allows user to Select Adress from the saved ones. If there is no Pre-Saved Address an user can add new address also , Please Note that User Can also add Address from Manage Address Sectio also which is visible from the link http://localhost:3002/myAccount/addresses , a complete tutorial can be found at the following section

Docs Version Dropdown

After Selecting or Adding shipping Informations , User will be allowed to click 'continue to shipping' button , user can also go back to the cart page by clicking 'Return to cart' button. Docs Version Dropdown

Shipping Method

User is allowed to select shipping method by default which is shown as 'Standard' After Selection of the shipping method there are options to go back to the Information page section or Payment section by clicking 'Return to information' and 'Continue to payment' buttons Docs Version Dropdown

Payment

After Selecting Continue to payment option the user will be allowed to choose the payment options Docs Version Dropdown

In the Payment section user is allowed to select 'Cash on Delivery' and 'Credit Card' options by default where 'Cash on Delivery' is selected

If the User Selects 'Cash on Delivery' option and clicks "Pay now" button , the Order will be proceeded and user will be landed to the Success Order Page if everything is Fine Docs Version Dropdown

If the User Wants to Complete the Payment by selecting 'Credit card' option then the Card Number, Name on card, Expiration Date (DD/ YY) and Security Code will be asked to give Docs Version Dropdown

User will still be allowed to Return to the cart page Docs Version Dropdown

After Clicking the Pay now Button user information of Order will be stored and after validation user will be allowed to Proceed

After Successfull order Place user will be redirected to the success page

Docs Version Dropdown

User can Navigate and View the Order Summery by Clicking

Docs Version Dropdown