![]() |
Checkout / Continue Button issues? |
Post Reply ![]() |
Author | |
Polly ![]() Newbie ![]() ![]() Joined: 26-August-2008 Location: Spokane Status: Offline Points: 7 |
![]() ![]() ![]() ![]() ![]() Posted: 01-October-2012 at 7:50pm |
Anyone else running into this? Just us ...or maybe a browser upgrade affecting more customers than just our own?
Over the last 5-10 days, we've had a surge in the # of customers calling/chatting/emailing about problems with checkout. Specifically, they hit the "Continue" Button in onepagecheckout, and then they are stuck in a loop. We're on v. 4.6. We haven't made any changes recently that we think would affect our online store.
One/some customers simply didn't notice that after they hit "Continue", they were in the white-space limbo low down on the page, and just needed to scroll back up to see the next section of checkout. It may be a page-anchor isssue with certain browsers/versions. This doesn't happen to me in Chrome, but it used to happen to me with IE. The "you need to scroll up" issue was NOT the problem for some of the others though. We're not sure what they were running into, and our sales staff forgot to ask what browsers they were using. Best description is this note that a customer sent in with a hard-copy order we received today: (We don't accept emailed credit card #'s due to the PCI issue.) Not sure if the "arrows" are a default icon, or something we put in place of a default icon. They are just under the "continue" button in checkout, pointing downward (i.e, "keep going, you're almost there!"), on the right side of the section headers. |
|
~~ R&T systems director
|
|
![]() |
|
Guests ![]() Guest ![]() |
![]() ![]() ![]() ![]() ![]() |
Hi Polly,
I ran a test order up to the point of payment and I did experience the "white space limbo" you describe. I have not seen that on stock PC sites before. I suspect an issue with customized CSS there. The gentleman with the mail in order describes something different, and it sounds exactly like the IE 9 JQuery update issue, but the site appears to have this patch installed.
|
|
![]() |
|
Polly ![]() Newbie ![]() ![]() Joined: 26-August-2008 Location: Spokane Status: Offline Points: 7 |
![]() ![]() ![]() ![]() ![]() |
Thanks! We'll see what we can do.
|
|
~~ R&T systems director
|
|
![]() |
|
razor150 ![]() Newbie ![]() ![]() Joined: 29-May-2008 Status: Offline Points: 7 |
![]() ![]() ![]() ![]() ![]() |
The only css file we have any real changes to is pcHeaderFooter.css, the rest are stock or close too. Could it be that one?
We do have the IE9 jquery fix.
|
|
![]() |
|
Guests ![]() Guest ![]() |
![]() ![]() ![]() ![]() ![]() |
Hi @razor150,
As an off the cuff guess, it is more likely to be something there (headerfooter.css -- overall site design) than not. Try using Chrome's inspect element to see if you can find it. I could be wrong, it's just an educated guess. If you can't find it, I'll try to find some time to find it tomorrow.
|
|
![]() |
|
razor150 ![]() Newbie ![]() ![]() Joined: 29-May-2008 Status: Offline Points: 7 |
![]() ![]() ![]() ![]() ![]() |
Thanks Sean, I used the Developer tools and really didn't see anything. I had some mime errors from a tracking code from Alive Chat and a banner image at the bottom of our page about our SSL cert, but nothing from our CSS. I coded that out for the checkout page in case that is causing the problems.
The other error I was getting is for his moz-border-radius: 5px; For an unknown property name from jquery-ui-1.8.9.custom.css.
Edited by razor150 - 02-October-2012 at 6:37pm |
|
![]() |
|
Guests ![]() Guest ![]() |
![]() ![]() ![]() ![]() ![]() |
Hi @razor150,
I had another look at this, and vis a vis the "white space limbo" issue, I think that it's not that there's any actual problem with JQuery or CSS or anything like that. It's just that there's a very long list of customer fields (all of those check boxes) ... so, I've I'm scrolled all the way down and hit the continue button, the accordion collapses back up above the fold. This is exacerbated by having such a long left column. Maybe the best way to deal with this would be to remove the left column and go to a two column layout for OPC (see: http://wiki.earlyimpact.com/productcart/storefront-opc#optional_layouttwo_columns) As for the other scenario, it sounds exactly like the IE 9 JQuery issue, but that patch is installed and I can't reproduce that one ... so don't know what to suggest there.
|
|
![]() |
|
razor150 ![]() Newbie ![]() ![]() Joined: 29-May-2008 Status: Offline Points: 7 |
![]() ![]() ![]() ![]() ![]() |
Thanks again. I appreciate the help. I will look into that. Maybe all we need is a format change. Our left column can be rather long, especially if you have viewed a lot of items.
Edited by razor150 - 02-October-2012 at 8:09pm |
|
Todd Sellers
Rings & Things |
|
![]() |
|
Guests ![]() Guest ![]() |
![]() ![]() ![]() ![]() ![]() |
Just to clarify: I didn't mean to suggest removing the left column from the site -- just from the OPC. I also think the two column layout for the OPC is preferable if one's design has enough width. No problem with a 1000px wide with (for 1024 resolution), but it does need at least ~ 900px. The OPC was modeled on Gap.com, which has the order summary details on the right. We always launch sites with this format for the OPC.
|
|
![]() |
|
razor150 ![]() Newbie ![]() ![]() Joined: 29-May-2008 Status: Offline Points: 7 |
![]() ![]() ![]() ![]() ![]() |
I know you only meant the OPC, so no problem. :) Thanks again.
|
|
Todd Sellers
Rings & Things |
|
![]() |
Post Reply ![]() |
|
Tweet
|
Forum Jump | Forum Permissions ![]() You cannot post new topics in this forum You cannot reply to topics in this forum You cannot delete your posts in this forum You cannot edit your posts in this forum You cannot create polls in this forum You cannot vote in polls in this forum |