Custom Checkout Process

Is there a way to customize hikashop to interact similar to this checkout process:?
www.coolibar.com/checkout/checkout.jsp#start

I like the idea of staying on the same page (or making it seem like it), and as you go through the steps, you have the summary on the right side.

Hi rockstaran,

Displaying the checkout steps on one page is possible in HikaShop, you just have to edit the checkout workflow in HikaShop > Configuration > Checkout.

To have the same display type, it can be done, but many changes are to make. You will have to edit the files in the checkout view, editable in HikaShop > Display > Views.

Thats very good news, any suggestions or guide on where to start? I an very handy with PHP

First of all, in the checkout option you have to order your steps.

When you have set it on the same page, you can add divs in the views used in the checkout, for example "checkout / cart", and hide the following divs until the first step is completed, then when the first step is completed display another one (still on the same page), etc..

Many css customization are possible, to place your elements where you want.

How do I determine on which step the checkout is in?

I think that you can determine it by adding one variable, for example "$current_step" and you set the value of your current step in this var.
And when you click on, still for example, "next" you change the value of the variable, etc...

I have never done this kind of customization in the checkout.