Magento – New Template off 1.9 RWD template

rwd-themescss

I am a little confused with the Magento RWD Knowledge base documentation. I am reviewing the http://www.magentocommerce.com/knowledge-base/entry/ee114-ce19-rwd-dev-guide

Under SASS Fallback Structure it appears to have conflicting information.

Item 2. states that it assumes that you copied all of the SCSS files in your custom theme location and it tells you to remove all of the SCSS Files located in directories copied.

then in

Item 4. it tells you to copy all the files you want to modify in the directory.

So is step 2 necessary?

Also the documentation showcases local.xml file but reading additional documentation it states that local.xml has been replaced with theme.xml in 1.9 RWD but looking through the structure a lot of the overrides are happening in Page.xml

So I am really confused to does 1.9 RWD have a "Local.xml" file? if not which file need to reflect the updates Page.xml or theme.xml?

Best Answer

It can be a little confusing. Here is my attempt at giving you an example of how it can be done.

Create a new theme by creating new folder in: app/design/frontend/rwd/mythemename

Magento uses inheritance when loading theme files. So you really don't need to copy all the files from rwd/default to your new theme folder. You only really need to copy the files from rwd/default that you wish to override or modify with new changes.

The basic files you need in rwd/mythemename to get started are:

rwd/mythemename/etc/theme.xml
rwd/mythemename/template folder with copied files from rwd/default that you wish to modify.

In rwd/mythemename/etc/theme.xml you can further override the layout xmls from the rwd/default/layout folder by structuring your mythemename/etc/theme.xml to look something like this:

<?xml version="1.0"?>
<theme>
    <parent>rwd/enterprise</parent>
    <layout>
        <updates>
            <mythemename_general>
                <file>mythemename/general.xml</file>
            </mythemename_general>
            <mythemename_catalog>
                <file>mythemename/catalog.xml</file>
            </mythemename_catalog>
        </updates>
    </layout>
</theme>

You then can add overide files to a new folder you create in: app/design/frontend/rwd/mythemename/layout/mythemename/general.xml app/design/frontend/rwd/mythemename/layout/mythemename/catalog.xml

These overrides are a more structured approach then using a local.xml and allow you to organize your layout updates more efficiently.

I hope I didn't confuse you more :)

Related Solutions

Magento 1.9 – Sass Fallback Structure

In step 2 of the "Sass Fallback Structure", it indicates specific directories that you are allowed to delete. However there are some files that you MUST have in your custompackage/customtheme/scss directory, and those are:

var.scss core.scss styles-ie8.scss styles.scss scaffold-forms.scss custom_core.scss framework.scss

If you have those files in your scss directory, you should be able to compile the Sass files using Codekit.

I don't have Codekit, but here is proof via the command line that this will work, if you set things up correctly:

enter image description here

Proper Way to Remove madisonisland.css in Magento 1.9

I checked version 1.9.0.1 and those files are being added by XML, so your first method should work.

If, however, you somehow have a version where the link tags are indeed coded into head.phtml then it is entirely valid to override it in your custom theme and edit manually. The only other method I can think of would be to create a replacement template file and then apply it with some XML.

<layout>
    <default>
        <reference name="head">
            <action method="setTemplate"><template>your/new/head.phtml</template></action>
        </reference>
    </default>
</layout>

But that only achieves the same result as overriding head.phtml directly only with more effort, so there is no point.

Best Answer

Related Solutions

Magento 1.9 – Sass Fallback Structure

Proper Way to Remove madisonisland.css in Magento 1.9

Related Topic