How to create a One Page checkout

Question

Hello nice people,
Does anybody knows how to create a ONE-PAGE Check Out Process in Online Shop Layout?
Thanks in advance

Answer 1

"I can resolve the problem if I can insert one page (or step) after
"registration - buy". This would be a "summary" page where the customer has
the last opportunity tu check out all his data and, if it is needed, to
correct his order, billing address, shipping, the way of payment"
<<< The only way to do this is with JS. You can use jQuery's .load() method
to load your cart into the registration layout. You'll have to do some
parsing of that cart table to obtain things like product name, quantity etc
and present this in some kind of summary. Parsing tables in jQuery is not a
nice task, so if you're going to embark onto producing this kind of summary
you may want to get rid off the table from the cart and simple throw in
some divs and tags which will help you parse the cart nicely. That mans
you'll have to construct the layout for the cart though using JS.
Example of alternative cart layout:
It renders like this:
product one
(S)
product one
(M)
onchange="UpdateItemQuantity(this.value,231502,234492,6737768,183427,'','US');return
false;" class="cartInputText" type="text" value="1">
onchange="UpdateItemQuantity(this.value,231502,234492,6737768,183428,'','US');return
false;" class="cartInputText" type="text" value="3">
$10.00
$45.00
$55.00
You can see that this is much nicer to read and you can then construct your
own data structure that will hold this info and render it it whichever way
you want to. You can even write it back as a table where each product is in
its own row. You may want to look at something that gives you template.
model, controller like ember.js.
Anyway, I hope that helps somewhat.
Cheers,
M