Credit Card must be entered twice in checkout

We are trying to create a one page checkout experience for a new site based on Hikashop ( www.glasstilewarehouse.com ) similar to what we have done with a custom one page Magento checkout in the past ( www.emergencyreserve.com )

The one page checkout we built with the magento site works absolutely great for conversion. It is a true one page checkout with everything entered on one screen and when the place order button is hit, the order is placed. No more multiple pages or extra clicks for the user.

We have been able to replicate this type of checkout process pretty close with Hikashop except for one problem:

When a new user enters their Address Credit card information (using Authorize.net payment method) on the 1st screen of the checkout they have to click a button to continue to a second screen to confirm their order.

This is fine to have a two page process, but the problem is that we lose the Credit Card information they entered on the first page, so the customer has to re-enter their credit card data.

This is very confusing to the customer and we are getting a lower conversion rate on our hikashop sites because of this.

Is there a way to make it so the Credit Card Information will stay in the form from the first page to the second page, so they don't have to enter their credit card info twice?

Or is there a way to make it so they just select their payment method on the first page and then only show the form for entering their credit card info on the 2nd page?

Ideally we could make a one page checkout like the one we made with Magento at emergencyreserve.com That one is perfect, but may not be possible to do with Hikashop.

That is ok as long as we can figure out a way to have as close to a one page checkout process as possible without making the customer have to enter their credit card information twice in the checkout process.

Please let me know your thoughts on what we can do here.

Thanks.

P.S. I have attached a couple screen shots of what our hikashop one page checkout looks like right now if you don't want to visit the site to see it live. As you can see in the screen shots the credit card form appears before and after the customer has entered their address, but if the customer enters their credit card info on the first screen, then that credit card info is lost in the form on the second screen and they have to enter it again.

Thanks for taking a look at this issue, Nicholas.

I have attached a screenshot of our configuration at the checkout.

We are using the Authorize.net payment plugin.

The information entered in the credit card fields are not being sent to the next page in the checkout on any of the sites that we are running with hikashop so our new customers have to enter their credit card information a second time after it is lost when they fill out the address form.

Please let us know if you think this is a configuration issue or if it is something that needs to be fixed in the code.

Thanks.

Thanks for the modification, Nicolas.

We put the new checkout.php file in place on our GlassTileWarehouse.com site

However, we are still having the credit card information disappear on the second page after the new user enters their address.

We have found with our Magento sites, that this type of checkout design really helps maximize conversion, but most new customers will enter their credit card number at the same time they fill in the billing address and then they will click the button to go to the next page.

This will work great if we can somehow make it so we don't lose the credit card info.

In our Magento sites, like emergencyreserve.com all the shipping methods, and address validation, etc. all happens through AJAX as the form is being filled out so there is not a second page, it is a true one page checkout.

I think it would probably be harder to make things work with AJAX like our Magento checkout, so the easiest solution would be to figure out a way to make it work to keep the credit card information in the form so the user doesn't have to enter it twice when they are on the second page.

We do have some template overrides in place for the display views of the address and shipping and payment boxes. We used the hikashop Dispaly Views feature to create these overrides.
Do you think those overrides are conflicting with your checkout.php script you had us upload?

Anyways, it would be great if you are able to keep helping us figure this out, and we recommend others using hikashop use a similar checkout process because we have found it to really help conversion rates on the site to have a simple one page checkout out that is fast and easy for the customer to get through.

Nicolas,

We did as you suggested and removed our template overrides and testing things again, but the credit card number is still not coming through to the second page.

Any other thoughts on what might be causing us to lose the credit card number on the second page?

I set up a copy of the site on a development domain so we can change and test things without effecting our live site:

The development site is at: dev.glasstilewarehouse.com

I will send a private message to you with admin and FTP access.

It would be great if you be able to help us figure out what is still going wrong here. Thanks.

Another thing that I am noticing since applying the patch you sent, is on the second screen after I lose the credit card number if I try to select another shipping method, I am getting this error:

Fatal error: Call to undefined method hikashopPaymentClass::readCC() in /home/devglass/public_html/components/com_hikashop/controllers/checkout.php on line 974


Any idea what would be causing this to happen?

Nicolas,

It is still not working, we are still losing the credit card information when we go to the second page. We updated to the latest version of Hikashop and installed the patch you gave us on our development site at:

dev.glasstilewarehouse.com

I sent you a private message with FTP and admin access to this development site.

I appreciate any other help you can give us here.

Thanks.

Thanks for looking into this, Nicolas.

Let me know if you need any other information from us besides what we sent in our private message to you a few days ago.

Also, if there is anything else we can do on our end, then let us know as we are eager to help and learn.

Sorry about that Nicolas.

I changed a couple settings on the FTP side of things.

Please try connecting to the site files again through FTP using the same FTP credentials I sent you before.

It should work now.

Thanks.

Hey Nicolas. I hate to bug you, but I just wanted to follow up and see if you had a chance to look at the code for this yet.

We really would like to make a one page checkout work with the layout we have, and so we really need to get this fixed so the user doesn't have to enter their credit card in twice.

Please let me know if there is anything you can think of that we can do to help diagnose and fix the issue.

Thanks.

Nicolas,

Sorry for all the hassle. I am not sure why it didn't work for you.

The dev site is located at:

dev.glasstilewarehouse.com


I just tried the ftp connection that I sent you and renamed the index.php file and it made the site go down, so I know that it works.

Please try it again and check to make sure you are going to dev.glasstilewarehouse.com with a clear browser cache.

one thing I noticed on the dev.glasstilewarehouse.com site is that some of the links are redirecting to the live site.

So make sure that you are still at dev.glasstilewarehouse.com after clicking on some of the links so you can make sure you are on the right pages.

The product links should not redirect you to the live site, so you can go straight to a dev product page by going to:

www.dev.glasstilewarehouse.com/khaki-tan-blend