Magento – Own CSS for page, a category or a product

PictureIf you want individual products, Categories or CMS pages an individual design / give your own style, can by the involvement of private, done special CSS file. There are both products under Catalog > Manage Products > (Select product) > Design (or design) > Custom Lyout update as well as categories under Catalog > Manage categories >(choose category) > Own design > Custom Layout Update and also with CMS pages under CMS > Pages > (Select page) > Shaping > Layout Update XML the possibility own XML snippets insert. But here you can both own HTML layouts also include your own CSS files.

Thus it is easily possible to create a new CSS and this then involve as desired. To this end, the following code will be used only in the layout update box:

<reference name="head">
   <action method="addItem"><type>skin_css</type><name>css / mystyle.css</name><params/></action>
</reference>

meinstyle.css is then naturally replaced with the name of your own CSS file. This is then in the folder skin / frontend /[Custom template]/[Custom template]/css stored.

Used in Magento versions 1.7 – 1.9 Comments? Additions? Notes? Gladly!

Published by Covos

Since 2009 I have been working intensively with Magento. I started with the creation and operation of B2C stores. This was extended through my work in the logistics sector. This resulted first specialized B2E systems. Today I work day-a day with exciting B2C, B2B- and B2E projects and reports in this blog about challenges and give insider tips.

Leave a Reply

Your email address will not be published. Required fields are marked *