Earlier, I posted a solution to add custom CSS and JS in Magento 2.
The below post offers the same solution for Magento 1 store owners.
One can use the below code to add custom CSS and JS in Magento store in order to customize a custom theme or a page.
I’d recommend bookmarking this post for the next time you face a crazy client requirement!
Method to add custom CSS and JS in Magento:
Create app/design/frontend/base/default/layout/extension.xml:
<?xml version="1.0"?>
<layout version="0.1.0">
<default>
<reference name="head">
<action method="addItem">
<type>js</type>
<name>extension.js</name>
</action>
<action method="addItem">
<type>skin_css</type>
<name>extension.css</name>
</action>
</reference>
</default>
</layout>
That’s it.
Feel free to share the solution with fellow Magento developers via social media.
Thank you.
Also Read:
