Single page checkout

Like others here, I decided the checkout was a little too cumbersome. I decided to try to make it somewhat like FoxyCart's checkout page. This is a pretty easy modification for me to package up as all the changes are in the Web project and almost all of them are isolated to a few new controls and some css changes.

I would like to hear any thoughts or criticisms of the checkout page. It is not done yet and we will be doing some look and feel changes over this weekend.

http://sandbox.elementalcoffeeroasters.com

hi,

can we have these changes?

Regards,

i was doing a samll test,

1- No alerts if you miss to fill a varibale (shippment, or payment method,..)

2- if you click to edit an address it returns you back and rest all the selected values (payment, shippment,..) which must not be the case, why the client needs to chose these variables again, he already did?

Thanks for the feedback.

I fixed the state management and added a update progress animation. I also fixed the validation.

You can definately have the code but I need to put the localization back in it and diff my files to make sure I am getting everything.

hi,

I did another test and would like to share you those ideas:

- I think that putting the messages (missing variables) in the top of the page, and in separate lines for each missing variable may looks better, and clearer to the user.

- When add another billing address, the billing list do not refreshed,  you need to go back to the shipping card and click check out again, to see the new address list.

- If you are adding a new billing address and click save, the address is going to be saved as new address with the same information as much as u clicked the add address button.

- The way selecting the billing address is confusing, also the shipping address, I don’t know but there are something missing, don’t you think?  I suggest doing this:

Billing addresses: (off course the system will select the default address)

1-  Radio buttons

2- Radio buttons…

                                                                                        Add new address                                                          
Shipping Address (off course the system will select the default address)

1-  Radio buttons

2- Radio buttons…

                                                                                        Add new address

- When the customer clicks the next step button, the page must go up in order to allow the user to see the waiting animation, what do you think?

I agree on pretty much all counts.

I was considering putting the addresses in dropdowns. I think it doesnt look as nice but if a customer regularly ships to many different addresses it gets a bit clunky (most probably dont).

The fact that the address continues to add regardless of whether it exists is a bug in the FindAddress() method. I'll tweek that but it will make packaging this a bit more difficult.

Should have it redone in a couple of hours.

Thanks for your help on this!

Chris

I think I cleared up all those problems except the updateProgress displaying inline with the scroll.

Anyone have ideas on making that show up as it should, in the center of the scrolled area?

Thanks,

Chris

hi,


- When you select the a billing address, you don’t have the option to change it be a new non already added address,

- The event of use a different shipping address checkbox is not working, in order to select a shipping address, you need a u do a change the page (ex: select shipping method)

Ok, I fixed those two items.

I am now left with a scenario where if you select a different billing and shipping address, then uncheck the "Use different shipping address" checkbox, it keeps the shipping address as it was. Do you think if you uncheck that box, it should change the shipping address to the selected billing address?

I really appreciate you looking these over.

Hi,

I check your changes,

I still think that the best solution for all those problems related to addresses can be solved by using radio buttons to select the billing address and the shipment address, with giving the customer the ability to add a new address or to modify an existing address, (You can show max 3 address for billing and 3 address for shipping sorted by date, with a button more… which shows the full list) (you can set the address in one designed line)

This will solve the problems to you, and it is going to be more reliable and practical,

I suggest a small test.