I have a custom requirement to add a specific JS and CSS related to website's footer. Is there any way in Magento by which I can add it in footer section ?
But there is a block with the name
I would think about your own template and the block type
No, you need something like this, you have no page/html_head block to refer too:
And inside of your template, you need:
Header and footer part is rendering by Page module in magento. In order to see header and footer templates, go to
Take a look on other files in page folder also. There you can see
Also see files in page folder. Those files will render for each page according to the layout specification of a particular page.
Make a serious study on this module. It will help you a lot.
You can add your css and js through page.xml. I think it will solve your problem. Go to
and add this code snippet in its
That's it. Now make sure your custom js and css file are in the location
Good luck for your work.
That would allow you to place your code in the header like the typical setup, but not run it until the content your js is referencing is loaded.
Your js filename.js code would look like:
The code for your layout would look like: (You would obviously need to add the appropriate directories as you have them set up.)
Yes there is one way but you have to add via code like below add this code at bottom of the 1column.phtml file just before end of
Use XML for it. To add Js in the footer call the footer reference. The code will look something like this
To add JS in skin folder you can use following code
To add css you can use following xml code
or you can also use