close ad
Databridge V2 with MySQLi support IS Now Available!
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Credit card display issue on checkout page

Thread began 1/29/2019 2:24 pm by Robert Crespo | Last modified 1/31/2019 2:12 pm by Ray Borduin | 67 views | 6 replies |

Robert Crespo

Credit card display issue on checkout page

Hello all, I am having a rather interesting problem with the checkout page on a website I am developing. When testing the checkout page in a mobile browser clicking Continue >> does not bring the credit card section into focus. The area that is focused on is the shopping cart with the credit card field below the shopping cart and address fields. This is very confusing the customer. Can you please take a look at the attached pages to let me know how to fix this issue?

Thank you,
Robert

Sign in to reply to this post

Ray BorduinWebAssist

I'll have to debug this online. Can I get FTP access and a URL to reproduce? I'll have to look at it with my mobile device to reproduce the issue and fiddle with the code to find a solution that works.

Sign in to reply to this post

Robert Crespo

Ray, I am so sorry to have left you hanging yesterday, but in setting up an FTP account for you to inspect my files I discovered another headache of a problem. It turns out that the detail page of my website, which is basically the backbone of my entire e-commerce website, fails to display properly on the live web server on my Hostgator account. I have some kind of syntax error that manifests itself on the live server but was not a problem using WAMP on my Windows laptop. I have posted FTP credentials and the path to the problem in the private message area.

Sign in to reply to this post

Ray BorduinWebAssist

I turned on Debug in your rsobj.php file... that gives more details in error messages. It appears your database structure may be different on your live server. Please see the current error for more details and let me know if you still have any questions.

Sign in to reply to this post

Robert Crespo

Ray, I am so embarrassed to admit my mistake with the productoptions table. I had changed one the table field names, midway through my database development process, from ProdID remotely to ProductID locally. After exporting and uploading the productoptions table to my database, viola! Problem solved. I thank you hardily for your help in debugging this issue.

However, that still leaves the credit card display issue not being in focus. You will see exactly what I mean when you try and make a purchase for a mobile browser. Just add any item to the shopping cart, click checkout, fill out the name and address forms, click continue and you will see the problem clearly. The credit card payment field should come into focus but instead sits at the bottom of the page. Can you please have a look at the files while you still have FTP access? I appreciate your help.

By the way, I just upgraded to the new Databridge 2.3.4 and I am enjoying the new functionality. Looking forward to building more and better websites in 2019!

Sign in to reply to this post

Ray BorduinWebAssist

You can update the file:
webassist/checkout/js/paymentoptions.js

line: 222

by deftaul it has:
wa_ScrollToID("cart_wrapper");

I changed it to:
wa_ScrollToID("eC_PurchaserInfoWrapper");

That brings it a little lower. You could go even lower with:
wa_ScrollToID("Payment_Checkout_BugBitingPlants");

Sign in to reply to this post

Robert Crespo

Thanks again Ray, I can see that is will solve my problems. I will fiddle around with wa_ScrollToID("Payment_Checkout_BugBitingPlants"); values to make it just perfect for my needs.

Have a great day!

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...