Sarathlal N

Add or remove stylesheet & scripts in Magento 1 themes using local.xml

To add and remove style sheet & scripts in Magento themes, we can simply use local.xml file in our theme layout folder.

<handle>
 <reference name="head">
 
 <action method="addJs"><script>prototype/prototype.js</script></action> <!-- adds a js referencing to the /js directory -->
 
 <action method="addCss"><stylesheet>css/custom.css</stylesheet></action> <!-- adds CSS looking at the skin/ directories ( in reverse order: base/default, default/default, default/yourtheme, yourpackage/yourtheme -->
 
 <action method="addItem"><type>skin_js</type><name>js/custom_script.js</name><params/></action> <!-- adds a js at the skin/ directories in the same manner as the above addCss directive -->

 <action method="removeItem"><type>skin_js</type><name>scripts/functions.js</name></action><!--Remove JS from skin Folder-->
 
 <action method="removeItem"><type>skin_css</type><name>css/styles.css</name></action><!--Remove CSS from skin Folder-->
 
 <action method="removeItem"><type>js</type><name>scripts/functions.js</name></action><!--Remove JS from js Folder-->
 
 </reference>
</handle>

Got a project in mind? Send me a quick message, and I'll get back to you within 24 hours!.

Recent Posts

  1. Disabling Payment Methods in WooCommerce Based on Conditions
  2. How to Update Product Quantity in WooCommerce Using Custom Code
  3. Dynamically Generating a Table of Contents in WordPress
  4. Direct Checkout in WooCommerce - Add Product to Cart from Checkout Page & Skip Shop, Product, and Cart Pages
  5. Understanding the Impact of git reset --hard Command

Your Questions / Comments

If you found this article interesting, found errors, or just want to discuss about it, please get in touch.