In the Checkout How can I display all steps at once?

3 months ago
I want to display all checkout steps and fields on one page at once... Then I will make some JavaScript forms to control the Checkout Process...

How can I do it?
3 months ago
You could use the nop-Templates Real One Page Checkout
See https://www.nop-templates.com/one-page-checkout-plugin-for-nopcommerce
3 months ago
danielaguero wrote:
I want to display all checkout steps and fields on one page at once... Then I will make some JavaScript forms to control the Checkout Process...
How can I do it?


It will involve lots of customization. You may have to completely change the implementation at CheckoutController.cs and also the view files as well as onepagecheckout.js.

It may be beneficial to use from the marketplace https://www.nopcommerce.com/en/extensions?searchterm=one+page+checkout&category=checkout-enhancements
3 months ago
sanju.dahal741 wrote:
I want to display all checkout steps and fields on one page at once... Then I will make some JavaScript forms to control the Checkout Process...
How can I do it?

It will involve lots of customization. You may have to completely change the implementation at CheckoutController.cs and also the view files as well as onepagecheckout.js.

It may be beneficial to use from the marketplace https://www.nopcommerce.com/en/extensions?searchterm=one+page+checkout&category=checkout-enhancements


I have decided to create my own JS order form on the cart page and then proceed through out checkout steps selecting appropriate radios and by auto-clicking Next button getting a customer to Order Confirm step...
4 weeks ago
danielaguero wrote:

I have decided to create my own JS order form on the cart page and then proceed through out checkout steps selecting appropriate radios and by auto-clicking Next button getting a customer to Order Confirm step...


Could you please explain in more detail how you plan to achieve that?
3 weeks ago
Baltazor wrote:

I have decided to create my own JS order form on the cart page and then proceed through out checkout steps selecting appropriate radios and by auto-clicking Next button getting a customer to Order Confirm step...

Could you please explain in more detail how you plan to achieve that?


I create my own form and logic (on cart page), then I save data in localStorage and then it inserts necessary data in certain fields during checkout steps, but customer doesn't see checkout steps, it forwards him directly to order confirmation page. This way I have only one form.

Once order is placed, the data from localStorage is going to be removed this way: localStorage.removeItem("blabla");