Magento remove css or js from specific view

Question

Hi i added this to catalog.xml layout definition:

<reference name="head">
    <action method="addCss"><stylesheet>css/local.css</stylesheet></action>
</reference>

and this to inside the same file:

<action method="removeItem"><type>css</type><name>css/local.css</name></action>

But it doesn't remove the css from that view. It is possible, that its not the right markup to achieve this. But have no idea. Anyone can help out?

have you made shure, that your catalog.xml or some handle is is not overwritten by another extension? — Kristian Hildebrandt, Jan 30 '12 at 15:42

score 77 · Answer 1 · edited Jan 11 '16 at 20:20

77

Here is how to remove all the different CSS and JS in skin or js folder

<reference name="head">
    <!-- For a JS in the js folder -->
    <action method="removeItem"><type>js</type><name>functions.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>
</reference>

edited Jan 11 '16 at 20:20

Kalpesh

5,635
2
23
39

answered Oct 29 '13 at 15:33

Shadoweb

5,812
1
42
55

3

Good job going above and beyond OPs question to help fellow Googlers. – Benjam Dec 18 '14 at 22:09
2

Thanks @Benjam ! Magento is very difficult, and partial answers doesn't help much. – Shadoweb Dec 20 '14 at 13:06

score 42 · Accepted Answer · answered Jan 30 '12 at 14:24

42

Try skin_css:

<action method="removeItem"><type>skin_css</type><name>css/local.css</name></action>

answered Jan 30 '12 at 14:24

Josh

2,820
23
15

Magento remove css or js from specific view

2 Answers2