Magento – AddJs / CSS in footer. getCssJsHtml() not working

cssfooterjavascript

I've been looking through a lot of posts on how to add CSS / JS file in the footer.

As right now I have followed this path : page.xml

<block type="page/html_head" name="foot" as="foot" template="page/html/foot.phtml"/>

local.xml
I did try all the variant, type/skin_js, addJs, addItem

<reference name="foot">
    <action method="addJs"><script>lebernard/test.js</script></action>
</reference>

foot.phtml
Translator script is rendering as normal, so foot.phtml is getting called. I tested it with a string as well.

<?php echo $this->getCssJsHtml() ?>
<?php echo $this->getChildHtml() ?>
<?php echo $this->helper('core/js')->getTranslatorScript() ?>
<?php echo $this->getIncludes() ?>

Finally I'm calling in 1column.phtml (and others) getChildHtml('foot');

So I though it was a misplaced JavaScript file since the translator script is called properly. I did put it as follow in :

/js/lebernard/test.js
/js/test.js
/skin/[theme]/js/test.js

All I want is to include a js file in the footer using local.xml . I'm on 1.9.0.1.

Best Answer

If all you are trying to do is add a JS file inclusion in the footer, the easiest way might be to just put it in a template file. So in your local.xml file.

<default>
    <reference name="footer">
        <block type="core/template" template="my-template-file.phtml"/>
    </reference>
</default>

And then in my-template-file.phtml:

<script type="text/javascript" src="<?php $this->getSkinUrl('js/my-js-file.js'); ?>"></script>

Related Solutions

Magento – Magento adding CSS and JS includes to the footer

I know this is not an answer to your question but something you might want to consider nonetheless.

Magento uses quite a lot of inline javascript, especially on the product detail page. As that javascript depends on external scripts loaded in the header you will need to move all the inline scripts to external files too and add them in the footer.

You might be faster and better off by compressing the CSS and JS with the tools built into Magento and using gzip compression and far expiration headers to speed them up. That way the 'lag' caused by the javascript and CSS would be kept to a minimum without the need of changing the default Magento and 3rd party extensions layout. This way, when you upgrade your Magento or extensions, you don't have to redo all the work.

The .htaccess provided by the HTML5 boilerplate project provides this gzip compression and the far expiration headers, Please check http://inchoo.net/ecommerce/magento/magento-boilerplate/

Magento 1.9 – Fix Email Newsletter Not Working on Homepage Footer

Take a look at Magento Newsletter form not working

Try

{{block type="newsletter/subscribe" template="newsletter/subscribe.phtml"}}

The form need to be posted to newsletter/subscriber/new which is define in

Mage_Newsletter_Block_Subscribe

/**
 * Retrieve form action url and set "secure" param to avoid confirm
 * message when we submit form from secure page to unsecure
 *
 * @return string
 */
public function getFormActionUrl()
{
    return $this->getUrl('newsletter/subscriber/new', array('_secure' => true));
}

Related Topic