Two separate areas are displayed on the checkout page: the left hand side of the screen features the overview of the current order; the right hand side of the screen features a text area with customizable information.
The overview area features a list of products selected from the cart, the order subtotal and total; a discount code can be added in the specific text area.
When the quantity of purchased products is changed, two buttons will be displayed; one allows the user to reload the checkout, while the other cancels all changes. The checkout will need to be reloaded to edit the quantity of products and proceed with the purchase.
Two buttons are featured under the overview area, and allow the user to complete the order with PayPal or Stripe, if these methods are enabled.
The PayPal button redirects the user directly to the Paypal system, which will handle completion of the payment, after which the user will be redirected to the thank you page.
The Stripe button will open the window for insertion of credit card data. If the user is not connected or this is his/her first purchase, he/she must insert his/her e-mail address. By clicking on the payment button, Stripe will handle completion of the operation, after which the user will be redirected to the thank you page.
The right hand side of the Checkout screen features text which can be fully customized by using the WooCommerce RexOrder options.