Onepage checkout broken in 1.8?

Question

Our checkout seems to be broken and more people seem to have the problem with magento 1.8. It simply doesn't do anything after you press the continue button in step 4. We run PHP 5.4.19 and have tried it in chromium v28, firefox v22, safari v5.1.

There is no errors in the logs and it's the same in the default theme.

Answer 1

Found the solution here: http://www.magentocommerce.com/boards/viewthread/441003/#t460203

Go to /app/design/frontend/base/default/template/checkout/onepage/ file payment.phtml open it, line 36

<fieldset>
    <?php echo $this->getChildHtml('methods') ?>
</fieldset>

add id to fieldset

<fieldset id="checkout-payment-method-load">
    <?php echo $this->getChildHtml('methods') ?>
</fieldset>

Thanks to hungtk2707!

Answer 2

I had also the checkout issue and I have found the solution:

In /template/checkout/onepage/review/info.phtml (at the end)

replace

review = new Review('<?php echo $this->getUrl('checkout/onepage/saveOrder') ?>', '<?php echo $this->getUrl('checkout/onepage/success') ?>', $('checkout-agreements'));

by

review = new Review('<?php echo $this->getUrl('checkout/onepage/saveOrder', array('form_key' => Mage::getSingleton('core/session')->getFormKey())) ?>', '<?php echo $this->getUrl('checkout/onepage/success') ?>', $('checkout-agreements'));

It should resolve your checkout issue.

Answer 3

If you upgrade your Magento (to 1.9.1) and the checkout template is customized and also the xml is changed.

The look for this:

<block type="checkout/onepage_payment" name="checkout.onepage.payment" as="payment" template="checkout/onepage/payment.phtml">
     <block type="checkout/onepage_payment_methods" name="checkout.payment.methods" as="methods" template="checkout/onepage/payment/methods.phtml">
          <action method="setMethodFormTemplate"><method>purchaseorder</method><template>payment/form/purchaseorder.phtml</template></action>
     </block>
</block>

The problem is the checkout/onepage/payment/methods.phtml, this data should be loaded through an ajax request. Replace this with checkout/onepage/payment/info.phtml, so like this:

<block type="checkout/onepage_payment" name="checkout.onepage.payment" as="payment" template="checkout/onepage/payment.phtml">
     <block type="checkout/onepage_payment_methods" name="checkout.payment.methods" as="methods" template="checkout/onepage/payment/info.phtml">
          <action method="setMethodFormTemplate"><method>purchaseorder</method><template>payment/form/purchaseorder.phtml</template></action>
     </block>
</block>

Answer 4

if you template does not have review = at the bottom of info.phtml just add

</script>
<script type="text/javascript">
//<![CDATA[
    review = new Review('<?php echo $this->getUrl('checkout/onepage/saveOrder',       array('form_key' => Mage::getSingleton('core/session')->getFormKey())) ?>', '<?php echo $this-  >getUrl('checkout/onepage/success') ?>', $('checkout-agreements'));
//]]>
</script>

to the bottom of this file eg ./app/design/frontend/blank/default/template/checkout/onepage/review/info.phtml

Answer 5

I had same problem with rwd (iphone) storeview and solved the first problem with

but later I still had a problem (continue button not working) Solution was to collect info.phtml from /app/design/frontend/default/iphone/template/checkout/onepage/review

I have taken from an old working version.

The strange fact is that everything worked fine in the desktop view.