Magento – How to add custom css in magento footer pages

csslayoutmagento-1.9

How do I add custom CSS or JS to for a particular page?

Suppose,i want add a custom css file for Checkout cart which will only show n at Cart.

Example: like a FAQ or any single page

Best Answer

if you want to add a css file to all cms pages add this to your local.xml

<layout>
    <cms_page_view>
        <reference name="head">
            <action method="addItem">
               <type>skin_css</type>
               <name>path/to/file.css</name>
            </action>
       </reference>
    </cms_page_view>
</layout>

If you want a css file just for the FAQ page, go to that CMS page and go to Design tab in the left menu and insert:

<reference name="head">
  <action method="addItem">
    <type>skin_css</type><name>path/to/file.css</name>
  </action>
</reference>

Related Solutions

How to Add CSS to Custom Page Layout in Magento 1.8

It will be issue in translate="label" syntax

<page_my_custom_page translate="label">
        <label>All One-Column Layout Pages</label>
        <reference name="root">
            <action method="setTemplate"><template>page/custom-page.phtml</template></action>
            <!-- Mark root page block that template is applied -->
            <action method="setIsHandle"><applied>1</applied></action>
        </reference>
 <reference name="head">
                           <action method="addCss"><stylesheet>css/mycustom.css</stylesheet></action>

        </reference>
    </page_my_custom_page>

Also , check file paths...

More details you check ,please the link--

Also the blog file easylife_layout.xml

please change here-

<?xml version="1.0"?>
<layout>
    <my_custom_page translate="label">
        <label>Custom layout</label>
        <reference name="root">
            <action method="setTemplate"><templatepage/custom-page.phtml</template></action>
            <action method="setIsHandle"><applied>1</applied></action>
        </reference>
        <reference name="head">
                           <action method="addCss"><stylesheet>css/mycustom.css</stylesheet></action>

        </reference>
    </my_custom_page>
</layout>

Magento – How to add custom js & css for specific pages

The category pages can use 2 layout handles depending on the 'is_anchor' flag of the category.
catalog_category_default is used when is_anchor is no and catalog_category_layered is used when is_anchor is yes.
But there is one layout handle that is loaded, but magento does not use it in it's files.
<catalog_category_view>.

So you can try with this code:

<?xml version="1.0"?>
<layout version="0.1.0">
    <catalog_category_view>
        <reference name="head">
            <action method="addItem">
                <type>skin_js</type><name>js/myjavascript.js</name>
            </action>
            <action method="addItem">
                <type>skin_css</type><name>css/mycss.css</name>
            </action>
         </reference>            
     </catalog_category_view>
</layout>

Best Answer

Related Solutions

How to Add CSS to Custom Page Layout in Magento 1.8

Magento – How to add custom js & css for specific pages

Related Topic