Magento – Why can’t I add a JS file to Magento

javascriptlayout

I've created a file called page.xml that contains the action method and addJs of the file.

This page.xml file is saved in /app/design/frontend/default/blank/layout and looks like:

<?xml version="1.0"?>
<layout>
  <default>        
    <reference name="head">
      <action method="addJs"><script>custom/progress.js</script></action>
    </reference>
  </default> 
</layout>

I have put the JS file in the main js folder at root under custom/progress.js

When i load the page, no JS file loads up, and I have no idea what file i need to actually edit.

Joomla is so much better at being able to add JS files, why isn't it easy in Magento?

Someone please help me! Also, it's stupid that you can't paste any code here.

Best Answer

Instead of overwriting the page.xml I would suggest using the layout/local.xml file in your active template.

If it doesn't exist please create the file app/design/frontend/default/blank/layout/local.xml and add the page.xml content you've already created.

Please make sure caching and JS script compression are disabled to see the changes

Related Solutions

Magento – Add Javascript File To Head For Create Block

The layout and blocks are kind of in a 'one direction' relation. I mean you can reference blocks in the layout but you cannot load layout files when creating an instance of a block. Actually you could but it's not the best idea to do so. Layouts should be called by the controllers.
When manually creating an instance of a block it has nothing to do with the layout files.
As for the second part, adding a js to the head, you have the right idea. It's done like you tried:

Mage::app()->getLayout()->getBlock('head')->addJs('js/path/here.js');

BUT... If the head block is already rendered then it has no effect. You have to make sure the js is added to the head after loadLayout() has been called in the controller action and before you call renderLayout() in the same action.

Magento – Include a .phtml file on One Page Checkout (billing.phtml)

try the following:

<layout version="0.1.0">
 <checkout_onepage_index translate="label">
  <reference name="checkout.onepage.billing">
   <block type="core/template" name="checkout.onepage.dealer" template="checkoutfields/search.phtml" as="checkout_dealer_search" />
  </reference>
 </checkout_onepage_index>
</layout>

and use echo $this->getChildHtml('checkout_dealer_search'); in the billing.phtml.

UPDATE:

if the checkoutfields.xml is not part of any module, you can create local.xml in the respected layout folder and move the code in it.

Best Answer

Related Solutions

Magento – Add Javascript File To Head For Create Block

Magento – Include a .phtml file on One Page Checkout (billing.phtml)

Related Topic