Sunday, July 7, 2013

How to remove Checkout Step 2, Step 3, Step 4 in opencart



Code for Older version of  Opencart

For Latest Opencart version Please contact me. 
I am working on this module for latest version(demo latest version)

Dear Friends :)

Here is some Steps for remove Open cart checkout Steps:

For steps 2 : { Payment Address }

Open your checkout.tpl
catalog\view\theme\default\template\checkout\checkout.tpl 

Steps: 1
And find 


$('#payment-address .checkout-content').html(html);
$('#payment-address .checkout-content').slideDown('slow');
 And Replace with

$('#payment-address .checkout-content').html(html);
$('#payment-address #button-payment-address').click();
Steps: 2
And find 


 <div id="payment-address">
 And Replace with

 <div id="payment-address" style="display:none">
Enjoy Comments are welcome


For steps 3 :{ Shipping Address}

Open your checkout.tpl
catalog\view\theme\default\template\checkout\checkout.tpl 
And find 


$('#shipping-address .checkout-content').slideDown('slow');
 And Replace with

$("#shipping-existing select").prop("selectedIndex", $("#payment-existing select").prop("selectedIndex"));
$('#shipping-address #button-address').click();
$('#button-shipping-address').click();
Steps: 2

And find 


<div id="shipping-address">
 And Replace with

<div id="shipping-address" style="display: none">
Steps: 3
Open your guest.tpl
catalog/view/theme/default/template/checkout/guest.tpl

And find 


<input type="checkbox" name="shipping_address" value="1" id="shipping" checked="checked" />
 And Replace with

<input type="checkbox" name="shipping_address" value="1" id="shipping" checked="checked" style="display: none"/>
Enjoy Comments are welcome

For steps 4 : { Shipping Method }

Open your checkout.tpl
catalog\view\theme\default\template\checkout\checkout.tpl 

Steps: 1
And find 


$('#shipping-method .checkout-content').slideDown('slow');
 And Replace with

$('#shipping-method #button-shipping-method').click();
Steps: 2
And find 


<div id="shipping-method">
 And Replace with

<div id="shipping-method" style='display: none'>
Enjoy Comments are welcome


136 comments:

  1. Many thanks for the post. Could you please advise on how to remove the step 5 payment method?

    ReplyDelete
    Replies
    1. Hi @annonymous please flow same process for step 5 and before active button please check input check box and then active button.
      please search js code for check box and write with
      $('#payment-method #button-payment-method').click();

      Thanks :)

      Delete
    2. much appreciated post for step 2 to step 4

      Can you please also post for in detail in your post for "Removal of Step 5" also

      Thanks

      Delete
  2. thanks so much, wow! Well done, I've been searching everywhere for this..thanks once again!

    ReplyDelete
  3. Hi - I seem to be getting this error in my logs

    PHP Notice: Undefined index: text in catalog/view/theme/default/template/checkout/shipping_method.tpl on line 41

    Do you have any clue what I can do to fix it?

    ReplyDelete
  4. Dear Ravish,

    i appreciate your efforts providing such help.

    Can you help in removing certain fields from Opencart register process i am using version 1.5.6

    ReplyDelete
    Replies
    1. which Field u want to remove from register process step?

      Delete
  5. Hi there

    When I remove steps 2 : { Payment Address } I have this problem:

    Under STEP 1, when I select 'continue' for 'Register Account' the next step does not appear... how can i work around this?

    thanks for your help!

    ReplyDelete
  6. The field of "new user" to working after removing from step 2...

    ReplyDelete
  7. Hi mate,

    i success not displaying the shipping method, but it cannot open payment method automatically,

    can you help ? thank you in andvance

    ReplyDelete
    Replies
    1. can you please share with me site url so i can find your problem

      Delete
  8. Hi

    Same issue as Yongki above, I can hide the step but then next step does not open! It would be great if you could advise on implementing the fix so that the next step in the checkout process still works.

    OpenCart 1.5.5.1

    Best Regards
    Johan Niklasson

    ReplyDelete
    Replies
    1. give me site url if u want to show steps then remove style="display: none"

      Delete
  9. Ravish kumar, thanks for the post.
    Performed the procedure and was able to remove the step 4.
    But Step 6: Confirming order application has stopped working
    can you help me please?

    ReplyDelete
    Replies
    1. Hey Bruno Can you please check your catalog\view\theme\default\template\checkout\checkout.tpl
      steps to steps code changing and update own code, shouldn`t conflict with any other steps.Tested on Version 1.5.4

      Delete
    2. here's how to fix step 4

      http://rricketts.com/how-to-remove-disable-step-4-shipping-method-from-opencart/

      Delete
  10. Brilliant. Helped me so much. Thanks alot

    ReplyDelete
  11. Ravish Kumar, I have the same issues with the buttons, I removed the Step 3 - 4 but the button doesnt work, can you look into it I dont know what I missed out :( http://www.plaques.thescooterparts.com/index.php?route=checkout/checkout

    ReplyDelete
    Replies
    1. here's how to fix step 4

      http://rricketts.com/how-to-remove-disable-step-4-shipping-method-from-opencart/

      Delete
    2. I have the same problem

      Delete
  12. can you help me for merge step 1 - 5 into single step

    ReplyDelete
  13. in that check out can you help me to merge in to single page...

    ReplyDelete
  14. thankyou so much for your codes..... it helps alot to the programmers like me. thanks :)

    ReplyDelete
  15. i have removed shipping method but it stuck there, not moved to payment method, when i enable some shipping method for example, flat shipping rate, then it works, but on confirm, it shows the the flat shipping rate?

    ReplyDelete
  16. Hola, me funciono muy bien tu tutorial, pero tengo un problema justo despues de crear una cuenta nueva y hago checkout no aparece el step 4 y se queda congelado.

    Pero cuando me logeo antes, y despues voy al checkout, entonces si funciona.
    ------------------------------------------------------------
    Hi, your tutorial works good in my store, but I have a problem just when I created an account, then go to the checkout and the 4 step does not appear.

    But if I already login and then go to the checkout, then it works.

    Can you help me, please?

    Apologize for my english :)

    ReplyDelete
  17. hello is there a way to remove the billing details in opencart 1.5.6 please?. Thanks in advance.

    ReplyDelete
    Replies
    1. in open cart 2 option one payment-address and one shipping-address which one u want remove

      Delete
    2. Sir, Kindly revert me back for the query!

      Delete
  18. hi, i used your advice to remove step 2 , it doent appear anymore but it doesnt continue with to next steps .. can you advice ?

    ReplyDelete
    Replies
    1. Hey Ciprian,
      Can you please send me project url
      You want remove only payment option or any more
      i have already mention in steps by modules please check again

      Delete
  19. This comment has been removed by the author.

    ReplyDelete
  20. Hi could you help to remove some fields in the registration form for a new user and i dont want any changes for New Guest as i have disabled the option. I tried but I am not able to make disappear of the text field names. The fields i want to remove completely is, Fax, Company and I want to rename a field "Telephone" to "Mobile no."
    Also, The removed fields should not be reflected in the Order Invoice sheet with blank space.
    One more thing, could you tell me whether modifying the checkout steps which you have mentioned will it reorder the step numbers such as 1,2,3,4,5 nor it will show for example if we remove step 3, then the steps will be shown as 1,2,4,5,6.
    Thanks in advance.

    ReplyDelete
    Replies
    1. yes if u remove steps 3 then show steps 1,2,4,5
      steps 3 are disable by css display none

      Delete
  21. Thanks for Your coding.
    After removing Step 2 Guest checkout doesn't work.
    Nothing happens after choosing Guest Checkout or Register Account.
    Please help!

    ReplyDelete
    Replies
    1. Hey davit please check my code and follow only step by step u can use only these steps you want don`t use all steps

      Delete
  22. Thank you for the help Ravish. When I did all the changes you mentioned here. It remove step 2,3,4. But it doesn't open next step.(step 05)

    Here is the link to checkout.
    http://aetailor.com/index.php?route=checkout/checkout

    ReplyDelete
  23. Thank you sir for your post. I followed your steps and removed step 2 and 3 from my store, i didn't removed step 4 because i need it. The problem is a new customer is not able to register from the checkout page. Kindly help me regarding this....Thanks a lot

    ReplyDelete
    Replies
    1. Hi Nabeel
      Please share project url

      Delete
    2. Hi sir, this is my website www.freshocart.com

      Delete
    3. Dear Ravish, thank you for all of your support with this section of opencart. I have been following your steps for a few days now but I am still struggling setting up the outcome I would like. I understand and have followed your protocol to remove steps 2 and 3. I have also selected free shipping in the module. Thence, I simulate a purchase to test the results to find that the first step appears fine: to register as a new customer or continue as a guest. After the continue button is pressed, step 1 collapses, as expected but the subsequent step does not reveal to proceed with the checkout. I am not sure if spacing in your coding is important but I was able to find the sections of the codes that needed to be replaced with your provided codes. If you wouldn't mind, please check my store to experience my difficulties and possibly suggest what may need to change. My ultimate goal is for the buyer to only use the guest option, review their order and proceed on to the following screen to PayPal to complete the transaction. I hope you will be able to assist me in this matter. I look forward to your reply. Thank you, Ravish.

      Delete
    4. Hi Nabeel
      your site is now working fine

      Delete
    5. Would you have any updates to Usman's problem. I have the same issues. thank u.

      Delete
    6. Your help will be appreciated if you can help. thanks.

      Delete
  24. Dear, I followed your instructions as per your directions above but something is not right. For some reason, I cannot got past step 1. What I did was remove steps 2 and 3. Any ideas what happened?

    ReplyDelete
    Replies
    1. please check my steps and replace only first result in code only

      Delete
    2. Your steps do not work!

      Delete
  25. HI Ravish
    followed all your steps and replaced code on the first result but still no luck ... it doesnt move on to the next step ... i m trying in 1.5.6.1

    ReplyDelete
  26. It is working on 1.5.6.1

    ReplyDelete
  27. I followed your steps. But i am not clear. Are you saying we have to replace only the first occurrence of all the find and replace. Because i tried to replace all the entries in the file checkout.tpl after that i don't see the steps 2 , 3 and 4. But the step 5 Payment Method is not popping up. Any help is much appreciated

    ReplyDelete
  28. To remove "Step 2" without errors, just open your templates "stylesheet.css" file and add following lines:

    div#payment-address-hidden {
    display: none;
    }

    Kind regards!

    ReplyDelete
  29. Please any professional developer help me. below is link of checkout and i want to combine billing and shipping detail in one tab. below is the link and if you input test data it shows syntax error.Please anybody if check and update me.

    http://firenzeflora.biz/opencart/index.php?route=checkout/checkout

    on Continue button clicking it shows error

    ReplyDelete
  30. Thanks for the help, it was really useful and I really couldn't have done without it!

    ReplyDelete
  31. Hi, thanks for the help, can you please help me to swap two checkout steps ?
    I want 5th step to be 6th and 6th to be 5th. Thanks

    ReplyDelete
  32. Hi
    Your post is most helpful but in my opencart i use all steps but after changes payment method is not opened up, can you help me for...

    ReplyDelete
    Replies
    1. hay whats your payment method my code is tested on only free shipping and payment method

      Delete
  33. Even if i select Register Account then its not working?

    ReplyDelete
    Replies
    1. code is working for steps which one i have mention please check carefully
      Thanks

      Delete
  34. I used your steps and everything worked great except it will not populate the "continue" button to input payment info. Can you please advise. Thanks you in advance.

    ReplyDelete
    Replies
    1. I am happy to assist you and now its done and working fine

      Delete
  35. Hello Ravish,

    Thanks for great post.

    I need your input to achieve my task.

    I want to customize my checkout page.
    Following this i wants.
    1. on check out page i don't want any account details , it should be always guest and does not show account step.
    2. Just want take take basic details of user like , name, address
    3. No Delivery Details.
    4. No Delivery Method.
    5. No Payment Method.
    6 Just confirm order and go.

    The basic purpose for this , I want to use the checkout process just for enquiry of products.

    Thanks in advance.

    Best Regards,
    Saurabh

    ReplyDelete
    Replies
    1. send me your requirement on my email me@ravishjha.com

      Delete
  36. hello everyone,
    i want different url's for every step. i want create goal in google analyitics how much checkout step complete by customer, because some customer add to cart the product and not checkout complete. i want track checkout page each and every step.

    ReplyDelete
    Replies
    1. Hi you can create a event and trace in to your Google analytic for the same step by step

      Delete
  37. Thank You sir for your great post i removed 3 and 4 step in OC everything works fine but in step 2 it has 2 option

    1) I want to use an existing address
    2) I want to use a new address

    with new address its working perfect but when i choose option 1 its not going to the next step. any help will be appreciated Thanks in advance.

    ReplyDelete
  38. Thank you for this but doesn't work properly for me. I tried to remove step 2 on billing info. I did the changes, it worked fine but it also created a problem in step 1. The new customer process doesn't work anymore. Impossible to register an account. Any idea ?

    ReplyDelete
  39. Sir
    My url is ps4.im. I have followed your steps but i am currently having an issue moving from step 2 to the other steps now

    ReplyDelete
    Replies
    1. msk please mail me on my mail id i want some other details for check Your process

      Delete
  40. Hi Ravish, is this step work on opencart 2.0. i need to remove step 3 and step 4 on my site. Waiting for your reply thank you.

    ReplyDelete
  41. I follow your step and its working fine but i have a issue when i go to next step its automatically hide warning . I dont want to hide this warning. I tested it on my custmozed theme as well as default theme both. Could you tell me the how can i do fixed it.
    Many Thanks
    Waseem

    ReplyDelete
    Replies
    1. Hi jack ,
      you can check in my code style="display:none; " remove.

      Delete
  42. Thanx Ravish.. It works for me!!

    and plz tell me how to correct the sequence of the steps in the checkout page

    ReplyDelete
  43. www.buyippo.com. this is my site URL. i got more issue when did above changes. i can't see my continue button. please see my site

    ReplyDelete
  44. Hi is there a way to bypass step 1 - 5 from checkout if it is already filled up. The scenario goes, I ordered 1 quantity of the product then I forgot that I have to buy 3. So I went back to my cart and edit the quantity. Now when I go to checkout page, I have to go down step by step again in order to confirm my order. Would it be possible to just directly go to step 6 order confirmation? Thanks in advance for your response...

    ReplyDelete
    Replies
    1. hi mamaw,
      i am only uses css for hide steps so please check code and remove display none

      Delete
  45. step-4 Hiding shipping payment is not dropping

    ReplyDelete
  46. Hi if You have any issue on opencart u can direct ontact with me on google talk ravishk567@gmail.com

    ReplyDelete
  47. hi Ravish, thanks for ur post
    but it didnt work on opencart 2.0.20
    can u help me remove billing details on opencart 2.0.2.0 ?

    ReplyDelete
  48. Would this work for v2.2.0?

    ReplyDelete
  49. hello!
    its working fine but step speed is slow for open the another step at checkout page

    ReplyDelete
  50. Hello,
    It is not working with Opencart 2.0.3.1.

    Help??

    ReplyDelete
    Replies
    1. yes aaina its for older version only i am start working for new version update on blog ASAP

      Delete
    2. For Latest opencart version Please contact me. I am working on this module for latest version

      Delete
  51. Hi Ravish,

    It's helpful from your post, I also using version 2.x and it's quite difficult to follow from the old guiding. Awaiting for your update for new version update. Tks so much.

    Rgds,
    Duy Tuan

    ReplyDelete
    Replies
    1. For Latest Opencart version Please contact me. I am working on this module for latest version

      Delete
  52. Do you have to Opencart 2.0.3.1 ?

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
    2. For Latest opencart version Please contact me. I am working on this module for latest version

      Delete
  53. i success not displaying the shipping method, but it cannot open payment method automatically,

    ReplyDelete
  54. Hi Ravish,
    Can you please send the code for version 1.5.6.4. As i couldn't find the code you have posted above in checkout.tpl

    ReplyDelete
    Replies
    1. code work on your version please send me checkout page

      Delete
    2. code work on your version please send me checkout page

      Delete
    3. Can you please send me your email id , so that i can send you checkout page? Also please send your phone number.

      Delete
  55. Thanks for Your Post Sir, I facing some issue that
    After removing Step 2 Guest checkout doesn't work.
    web : http://edukaan.buzz/

    ReplyDelete
  56. Replies
    1. Thank you Ravish. I have sent checkout.tpl at your email ID .

      Delete
  57. Thank you Ravish. I have sent the checkout.tpl at your email ID.

    ReplyDelete
  58. Hi, I am waiting for your reply. Hope you have revived the checkout.tpl

    ReplyDelete
  59. Hi Ravish
    Could you please advise to remove some filled in my opencart and to be in the basic filled such as:
    1- name
    2- address
    3- telphone

    Many thanks for your support
    I use last ver in opencart

    ReplyDelete
  60. how to add google translate html code near to currency . so that can work for all website . opencart 2.2.0.0

    ReplyDelete
  61. hai, i checkout page i want to go directly step6 for registered user.. please help me.. i m using 2.2

    ReplyDelete
  62. i m new to opencart , please help me how to send a mail from localhost & tell me where to change the code ... in version 2.2..

    ReplyDelete
  63. Hello Ravish,, can u please help me out in two issue
    www.kuchdeals.com
    Issue 1:

    On checkout page
    I want to remove Step2 : Billing Address from checkout page
    &
    Issue 2 :
    When accessing website from mobile & adding any product in cart , i m getting an error undefined when opening site without www . otherwise opening site with www it is working fine.

    ReplyDelete
  64. Hi Ravish,

    I have hosted my site as ecomdemo.nixxittech.com

    when i am going tro check out, continue button of billing is not working. Its not moving to next step.

    Could you please help me out from the problem.

    Thanks in advance.

    Regards
    Amit

    ReplyDelete
    Replies
    1. Please send me requirements with website detail on my mail id

      Delete
  65. please tell me how to add a new step to checkout. i need to add a phone verification plugin(onverify)

    ReplyDelete
  66. Hi Ravish.

    I'm currently working on opencart 2.3 .
    I have problem which is when im going to checkout the continue button is not working . Help me please . Thanks.

    ReplyDelete
    Replies
    1. For Latest opencart version Please contact me. I am working on this module for latest version

      Delete
  67. This comment has been removed by a blog administrator.

    ReplyDelete
  68. For Latest opencart version Please contact me. I am working on this module for latest version.

    ReplyDelete
  69. I cannot find the mentioned code in particular files! Will you please guide me through different steps?

    ReplyDelete
  70. Hi thank you for your post , i am using Opencart 2.0.3.1
    i am trying to merge Billing Detail, Shipping Details, And Delivery Method into 1 step, can you please help in this?

    ReplyDelete
    Replies
    1. Hi shoaib
      I have updated code for your version but its chargeable you can see demo on http://removestep.ravishjha.com/
      write me for code me@ravishjha.com

      Delete
  71. Hie, i am facing a problem, while registering account, and after filling up all the details it is not going on to next step, continue button is not working. kindly guide through this.

    Thanks

    ReplyDelete