1

I customized Magento 1.9.2 rwd theme with CSS. All pages working fine except onepage checkout accordion. When i click checkout button the form is not showing. enter image description here

The login form is not showing there. I am new to magento can anyone help me to solve this issue.

  • Check browser console any error there? – Prashant Valanda Mar 29 '16 at 6:54
  • when i check browser console it shows some errors which i listed below Uncaught TypeError: element.attachEvent is not a function onepage:718 Uncaught TypeError: $(...).setAttribute is not a function opcheckout.js:295 Uncaught TypeError: $(...).observe is not a function onepage:909 Uncaught TypeError: $(...).setAttribute is not a function opcheckout.js:433 Uncaught TypeError: $(...).observe is not a function opcheckout.js:596 Uncaught TypeError: $(...).observe is not a function opcheckout_rwd.js:26 Uncaught ReferenceError: Checkout is not defined – Sruthi Mar 29 '16 at 7:07
  • From your comment it's due to jQuery conflict. Have you added any jQuery or changed any existing jQuery ? – Prashant Valanda Mar 29 '16 at 7:30
  • yes, I have added jquery.js to my theme. Should i remove that? how to avoid jquery conflict?? Is it possible?? – Sruthi Mar 29 '16 at 7:46
  • Possible duplicate of Checkout page loading unauthenticated scripts – Teja Bhagavan Kollepara Nov 26 '16 at 13:55
3

If there is more than one jquery library. then remove it. Use only one library in page.

In your local.xml:

<reference name="head">
    <action method="addJs" name="jquery" as="jquery">
        <script>jquery.js</script>
    </action>
    <action method="addJs">
        <script>noconflict.js</script>
    </action>
</reference>

and noconflict.js would simply be

$.noConflict();

Fore more information take a look at here : https://stackoverflow.com/questions/11175941/magento-jquery-conflict

Hope this make sense to you

  • I have made changes. But still its not working. – Sruthi Mar 29 '16 at 9:31
  • What error coming now? – Rohit Kundale Mar 29 '16 at 9:33
  • prototype.js:5653 Uncaught TypeError: element.attachEvent is not a function observe @ prototype.js:5653(anonymous function) @ (index):1121 prototype.js:5653 Uncaught TypeError: element.attachEvent is not a functionobserve @ prototype.js:5653(anonymous function) @ accordion.js:35(anonymous function) @ prototype.js:391(anonymous function) @ prototype.js:825each @ prototype.js:824Accordion.initialize @ accordion.js:34klass @ prototype.js:101(anonymous function) @ (index):1147 prototype.js:5734 Uncaught TypeError: element.dispatchEvent is not a functionfire – Sruthi Mar 29 '16 at 9:58
  • Check jquery loading after prototype.js – Rohit Kundale Mar 29 '16 at 9:58
  • sorry.. i didn't get you.. – Sruthi Mar 29 '16 at 10:02
0

Try to replace prototype.js file from fresh magento backup

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.