[Skip to main content](#vessel-content)

#   Custom Checkout Process

##

- **[rockstaran](/forum/user/7241-rockstaran "View rockstaran's Profile")**
- [![rockstaran's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7241-rockstaran "View rockstaran's Profile") Topic Author
- [ Offline](/forum/user/7241-rockstaran)

Less More

- Posts: 57
- Thank you received: 0
-
-

14 years 2 weeks ago [\#70202](#70202) by [rockstaran](/forum/user/7241-rockstaran "View rockstaran's Profile")  *[Custom Checkout Process](/forum/2-general-talk-about-hikashop/70202-custom-checkout-process#70202 "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.")* was created by *[rockstaran](/forum/user/7241-rockstaran "View rockstaran's Profile")*

Is there a way to customize hikashop to interact similar to this checkout process:?
[ www.coolibar.com/checkout/checkout.jsp#start](https://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.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzcwMjAyLWN1c3RvbS1jaGVja291dC1wcm9jZXNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")**
- [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile")
- [ Offline](/forum/user/4105-xavier)

Less More

- Posts: 13201
- Thank you received: 2322
-
-
-
- [](http://www.kidiweb.fr)
-

14 years 2 weeks ago [\#70251](#70251) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile")  Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Re: Custom Checkout Process](/forum/2-general-talk-about-hikashop/70202-custom-checkout-process#70251 "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 &gt; Configuration &gt; 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 &gt; Display &gt; Views.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzcwMjAyLWN1c3RvbS1jaGVja291dC1wcm9jZXNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[rockstaran](/forum/user/7241-rockstaran "View rockstaran's Profile")**
- [![rockstaran's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7241-rockstaran "View rockstaran's Profile") Topic Author
- [ Offline](/forum/user/7241-rockstaran)

Less More

- Posts: 57
- Thank you received: 0
-
-

14 years 2 weeks ago [\#70280](#70280) by [rockstaran](/forum/user/7241-rockstaran "View rockstaran's Profile")  Replied by *[rockstaran](/forum/user/7241-rockstaran "View rockstaran's Profile")* on topic *[Re: Custom Checkout Process](/forum/2-general-talk-about-hikashop/70202-custom-checkout-process#70280 "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.")*

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

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzcwMjAyLWN1c3RvbS1jaGVja291dC1wcm9jZXNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")**
- [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile")
- [ Offline](/forum/user/4105-xavier)

Less More

- Posts: 13201
- Thank you received: 2322
-
-
-
- [](http://www.kidiweb.fr)
-

14 years 2 weeks ago [\#70340](#70340) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile")  Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Re: Custom Checkout Process](/forum/2-general-talk-about-hikashop/70202-custom-checkout-process#70340 "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.")*

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.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzcwMjAyLWN1c3RvbS1jaGVja291dC1wcm9jZXNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[rockstaran](/forum/user/7241-rockstaran "View rockstaran's Profile")**
- [![rockstaran's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7241-rockstaran "View rockstaran's Profile") Topic Author
- [ Offline](/forum/user/7241-rockstaran)

Less More

- Posts: 57
- Thank you received: 0
-
-

14 years 2 weeks ago [\#70348](#70348) by [rockstaran](/forum/user/7241-rockstaran "View rockstaran's Profile")  Replied by *[rockstaran](/forum/user/7241-rockstaran "View rockstaran's Profile")* on topic *[Re: Custom Checkout Process](/forum/2-general-talk-about-hikashop/70202-custom-checkout-process#70348 "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.")*

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

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzcwMjAyLWN1c3RvbS1jaGVja291dC1wcm9jZXNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

- **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")**
- [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile")
- [ Offline](/forum/user/4105-xavier)

Less More

- Posts: 13201
- Thank you received: 2322
-
-
-
- [](http://www.kidiweb.fr)
-

14 years 2 weeks ago [\#70466](#70466) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile")  Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Re: Custom Checkout Process](/forum/2-general-talk-about-hikashop/70202-custom-checkout-process#70466 "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.")*

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.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzcwMjAyLWN1c3RvbS1jaGVja291dC1wcm9jZXNzP3RtcGw9bWFya2Rvd24=) or [Create an account](/register) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.054 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
