If you customise the main page .pthml files (in this case: 2columns-right.phtml) and you change the class names for the right column it seems to break the one page checkout (It won’t progress from the Shipping Method to the Payment Information with the accordian).
My guess is that the ajax used on the one page checkout references the
<div class="col-right side-col">
when it updates the address information etc. in the right column.
It would be good if there wasn’t a dependency here, but that’s how it is at the moment.
If you customise the main page .pthml files (in this case: 2columns-right.phtml) and you change the class names for the right column it seems to break the one page checkout (It won’t progress from the Shipping Method to the Payment Information with the accordian).
My guess is that the ajax used on the one page checkout references the
<div class="col-right side-col">
when it updates the address information etc. in the right column.
Ross. thanks for the heads up. I ‘d been struggling with this page since beta 1, and had ignored the issue until now, still, I can’t get passed the #5 - payment information as guest or login user. Also, if I click ‘back’ at #4 - shipping method back to #3 - Shipping information, it won’t allow me to go to #4. No errors message is prompted for #5 and #4.
There was a thread mentioned about updating to the latest js files in Skin folder, thought I didn’t modify anything there and have always had the updated version, but thought that might be my hope. No luck!
It would be good if there wasn’t a dependency here, but that’s how it is at the moment.
In the Onepage checkout, I noticed the Accordion script rely on ‘checkoutSteps’, ‘.head’ and ‘opc-’; I made sure I have these classes in place, still, it doesn’t solve my problem.
I think it would be very considerate of Magento team to release a Magento’s IDs and Classes cheat sheet so that we know what should not be removed in our custom themes.
My theme has no ‘col-right and side-col’, will bring them back and see how it goes.
Ross! Thanks for documenting this AND looking out on the discussion boards for ppl that have issues. I never would have caught this dependency! Good job on your sites! you’re definitely ahead of the curve.
If you customise the main page .pthml files (in this case: 2columns-right.phtml) and you change the class names for the right column it seems to break the one page checkout (It won’t progress from the Shipping Method to the Payment Information with the accordian).
My guess is that the ajax used on the one page checkout references the
<div class="col-right side-col">
when it updates the address information etc. in the right column.
It would be good if there wasn’t a dependency here, but that’s how it is at the moment.
Shear genius, saved me a ton of time, probably would have taken me a whole day to figure that out. Good man!
Nice one Ross. That had me stumped for about 2 days - lost some hair over it!
I see that you’re also based in the UK. How are you finding payment modules? I’ve read on the forums here that it’s a bit of pain if you’re not using paypal! I can’t see that most of my clients will want to use paypal - people always say to me “i’m not using ebay!!” I have a customer who is going to be using PROTX. Have you any experience setting these modules up?
I´m still in problems, when I clic on continue after fill all the Billing Information section nothing happens, I review the 2columns-right.phtml file and the class is correct:
Is there a way to get my cart to use a specific theme (which is more like the default Magento theme) and use a highly customized theme for my front end? I’m having trouble with this silly right-col dependency and I can’t seem to figure out how to get my cart to use <div class="col-right side-col"> while the entire rest of my site uses 2columns-left.phtml for its display.
Also, where do I edit the Ajax to simply tell the system to update a CSS identifier of my choosing rather than relying on “col-right side-col”? Also, if I were to change the Ajax would it be over-written when I do my next upgrade?
To get the cart to use the 2columns-right.phtml on my CHECKOUT PAGE ONLY I simply went to app/design/frontend/default/mytheme/layout/checkout.xml and changed this:
The Javascript that controls the checkout is not found in the /js directory but is held in your skin dir as js/opcheckout.js. I’m confident that you can make changes to that file, especially when it’s only a reference to an element. I removed $$(’.col-right’)[0] in favour of $(’progress’), a div wrapper around everything in template/checkout/onepage/progress.phtml. Makes the progress bar portable.
The Javascript that controls the checkout is not found in the /js directory but is held in your skin dir as js/opcheckout.js. I’m confident that you can make changes to that file, especially when it’s only a reference to an element. I removed $$(’.col-right’)[0] in favour of $(’progress’), a div wrapper around everything in template/checkout/onepage/progress.phtml. Makes the progress bar portable.
Hi, thanks for the information.
I had a similar problem with the checkout stalling at the payment section. Your fix worked for me in IE but not FF. Did you have to make any other alterations?
:
