Magento Response Theme Remove Sample Data Assets

The responsive theme includes several assets that are intended to power Magento’s sample data. We recommend you remove them before you build your custom theme.

Remove the following files and directories:

skin/frontend/custompackage/customtheme/images/media
skin/frontend/custompackage/customtheme/scss/madisonisland.scss
skin/frontend/custompackage/customtheme/scss/madisonisland-ie8.scss
skin/frontend/custompackage/customtheme/scss/content/_category.scss
skin/frontend/custompackage/customtheme/scss/content/_home.scss
skin/frontend/custompackage/customtheme/css/madisonisland.css
skin/frontend/custompackage/customtheme/css/madisonisland-ie8.css

In your custom layout file (for example, app/design/frontend/custompackage/customtheme/layout/local.xml), add this XML:

<layout version=”0.1.0″>
<default>
<reference name=”head”>
<action method=”removeItem”><type>skin_js</type><name>js/slideshow.js</name></action>
<action method=”removeItem”><type>skin_js</type><name>js/lib/jquery.cycle2.min.js</name></action>
<action method=”removeItem”><type>skin_js</type><name>js/lib/jquery.cycle2.swipe.min.js</name></action>
<action method=”removeItem”><type>skin_css</type><name>css/madisonisland.css</name></action>
<action method=”removeItem”><type>skin_css</type><name>css/madisonisland-ie8.css</name></action>
<action method=”removeItem”><type>link_rel</type><name>//fonts.googleapis.com/css?family=Raleway:300,400,500,700,600</name></action>
</reference>
</default>
</layout>

The preceding XML:

— Removes the Madison Island CSS files
— Removes the Raleway font that is used as a part of the default theme.
— Removes the jQuery Cycle plugin and the slideshow.js file that activates Cycle.

Update this line in skin/frontend/custompackage/customtheme/scss/_var.scss to reference whatever font you want to use for your custom site font:

$f-stack-special: ‘Raleway’, ‘Helvetica Neue’, Verdana, Arial, sans-serif;

If you want to use a custom web font for your theme (such as a Google Font, add XML like this to the <reference name="head"> section of layout.xml (see step 3). Customize the <href> value to the value that your custom web font provider gives you. It is recommended to include the same font weights that are referenced below (300,400,500,700,600) because the responsive theme uses each of those font weights.

<action method=”addLinkRel”><rel>stylesheet</rel><href>//fonts.googleapis.com/css?family=Raleway:300,400,500,700,600</href></action>

Leave a Comment