I am trying to remove the css and JS for a specific CMS page but none of the JS or css are being removed. Here is the code that i am using to remove the css and JS

    <reference name="head">
        <action method="removeItem"><type>js</type><name>prototype/prototype.js</name></action>
        <action method="removeItem"><type>js</type><name>lib/ccard.js</name></action>
        <action method="removeItem"><type>js</type><name>prototype/validation.js</name></action>
        <action method="removeItem"><type>js</type><name>scriptaculous/builder.js</name></action>
        <action method="removeItem"><type>js</type><name>scriptaculous/effects.js</name></action>
        <action method="removeItem"><type>js</type><name>scriptaculous/dragdrop.js</name></action>
        <action method="removeItem"><type>js</type><name>scriptaculous/controls.js</name></action>
        <action method="removeItem"><type>js</type><name>scriptaculous/slider.js</name></action>
        <action method="removeItem"><type>js</type><name>varien/js.js</name></action>
        <action method="removeItem"><type>js</type><name>varien/form.js</name></action>
        <action method="removeItem"><type>js</type><name>varien/menu.js</name></action>
        <action method="removeItem"><type>js</type><name>mage/translate.js</name></action>
        <action method="removeItem"><type>js</type><name>mage/translate.js</name></action>
        <action method="removeItem"><type>js_css</type><name>ves/jquery/plugins/fancybox/jquery.fancybox.css</name></action>
        <action method="removeItem"><type>js_css</type><name>ves/jquery/plugins/fancybox/jquery.fancybox.css</name></action>
        <action method="removeItem"><type>skin_css</type><name>css/font-awesome.min.css</name><params/></action>
        <action method="removeItem"><type>skin_css</type><name>css/bootstrap/bootstrap-tiny.css</name><params/></action>
        <action method="removeItem"><type>skin_css</type><name>css/custom_theme.css</name><params/></action>
        <action method="removeItem"><type>skin_css</type><name>css/animate.css</name><params/></action>

This code is written in layout update xml under Design tab I am attaching image for reference. enter image description here


but none of the JS is CSS is being removed. I tried to debug in code but my remove item is not being called for the files i am calling. So there must be some other way to do this. Please help ! Thank you

  • Just confirming, you have cleared all cache after applying these changes, correct? – MagentoAaron Jun 20 '18 at 18:09
  • yes cache is disabled already however i have tried clearing cache too it doesnot work – magento noob Jun 21 '18 at 4:34

Remove the layout tags.


I just tested all of these and they worked as expected. I added them to the Layout Update XML section of the CMS page I wanted them removed from, and then cleared the Magento cache.

<reference name="head">
    <!-- For a JS in the js folder -->
    <action method="removeItem"><type>js</type><name>directory/file.js</name></action>
    <!-- For a JS in the skin folder -->
    <action method="removeItem"><type>skin_js</type><name>functions.js</name></action>
    <!-- For CSS in the skin folder -->
    <action method="removeItem"><type>skin_css</type><name>css/local.css</name></action>
    <!-- For CSS in the js folder -->
    <action method="removeItem"><type>js_css</type><name>local.css</name></action>

Credit to @Shadowbob - https://stackoverflow.com/a/19662670

  • Yes i also found that we dont need to use <layout> tag . I had already figured it out but couldnot update here. Thank You for the reply :) – magento noob Jun 22 '18 at 12:05
  • @magento noob - now that you say that, I notice it in your screenshot. Didn't even notice that before, glad you were able to sort it out. – MagentoAaron Jun 22 '18 at 13:03

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.