Magento – Onepage checkout error: Uncaught TypeError: Cannot read property ‘style’ of null

javascriptmagento-1.7onepage-checkout

Does anyone know what is causing this error in Onepage Checkout?

I can't progress to the billing step when I click continue:

'Uncaught TypeError: Cannot read property 'style' of null '

Shows in the error console.

I am using the default theme on the frontend but have a custom template for another store which doesn't have this issue.

I've searched and searched but cannot find a solution other than reinstall…

Can someone assist me please?
Link

Best Answer

I think you are missing some DOM elements and/or ids. For example in your checkout there is not element with ID: 'billing-buttons-container' or 'shipping-buttons-container'. I think these are the elements that are null when trying to set some properties on them.
You might be missing other elements also. I recommend to compare your checkout templates with the default templates.

Related Solutions

Magento – opcheckout.js – setMethod undefined onClick

Is that the only template you've modified?

The checkout object is an instance of Checkout and is instantiated in app/design/frontend/[base|rwd]/default/template/checkout/onepage.phtml. Have you made any changes to this file that would have caused that problem?

It could also be a syntax error in that template or another that is killing the block rendering process before it comes back around to onepage.phtml. View the page source and see if you get a complete HTML document.

See also app/design/frontend/[base|rwd]/default/layout/checkout.xml under the checkout_onepage_index handle for all of the blocks and templates that might have syntax errors and so cause rendering to end prematurely.

Magento – Magento 2 Store switcher error in “section-config.js” Uncaught TypeError: Cannot read property ‘*’ of undefined(…)

I had the same problem and found out that these two blocks where not called any more due to customizations in the theme.

The two blocks are per default added in the <referenceContainer name="content"> of vendor/magento/module-customer/view/frontend/layout/default.xml.

Try re-adding these blocks in your layout.xml:

<block name="customer.section.config" class="Magento\Customer\Block\SectionConfig"
    template="Magento_Customer::js/section-config.phtml"/>
<block name="customer.customer.data"
    class="Magento\Customer\Block\CustomerData"
    template="Magento_Customer::js/customer-data.phtml"/>

Best Answer

Related Solutions

Magento – opcheckout.js – setMethod undefined onClick

Magento – Magento 2 Store switcher error in “section-config.js” Uncaught TypeError: Cannot read property ‘*’ of undefined(…)

Related Topic