Magento – RWD Theme auch für Magento 1.7 and 1.8 use

Ab Magento Version 1.9 is the responsive Theme “RWD” delivered with the standard. Dieses passt sich automatisch mobilen Anzeigegeräten wie Smartphones oder Tablets an, so dass die Nutzung des Shops auch auf diesen Geräten gut funktioniert.

Leider wird dieses Theme aber nicht für 1.7 / 1.8 angeboten und es lässt sich auch nicht einfach mal so eben installieren.

Mit ein paar Kniffen klappt es aber dann dennoch. Hier die Abfolge:

  1. Das RWD-Verzeichnis aus der 1.9er Installation im Ordner app/design/frontend kopieren und an selbige Stelle in der 1.7er Installation einfügen.
  2. Ebenso mit dem RWD-Verzeichnis aus dem Ordner skin/design/frontend verfahren.
  3. Folgende Dateien und deren Ordnerstruktur der 1.9er Installation (Im Ordner /app/code/core/Mage) copy and paste into the 1.7 / 1.8He Copy installation in the folder / app / code / local / Mage.
    – Simple.php in den Ordner /app/code/local/Mage/Catalog/Block/Product/View/Type
    – Abstract.php und Media.php in den Ordner /app/code/local/Mage/Catalog/Block/Product/View
    – Abstract.php und Price.php in den Ordner /app/code/local/Mage/Catalog/Block/Product
    – Image.php in den Ordner /app/code/local/Mage/Catalog/Helper
    – Renderer.php in den Ordner /app/code/local/Mage/Checkout/Block/Cart/Item
    – Abstract.php und Template.php in den Ordner /app/code/local/Mage/Core/Block
  4. Im Ordner /app/design/frontend/rwd/default/template/catalog/product die Datei price.phtml öffnen und ca. Line 53 adapt
    $_specialPriceStoreLabel = $this->getProductAttribute('special_price')->getStoreLabel();

    wird zu

    //$_specialPriceStoreLabel = $this->getProductAttribute('special_price')->getStoreLabel();
    $_specialPriceStoreLabel = '';

    Damit wird die obere Zeile auskommentiert und die untere neu hinzugefügt.

  5. In der page.xml im Ordner app\design\frontend\rwd\default\layout\ folgende Zeilen auskommentieren oder löschen:
    – as. 72-74:

    <!-- Add stylesheets with no media queries for use in IE 8 and below -->
    <action method="addItem"><type>skin_css</type><name>css/styles-ie8.css</name><params/><if><![CDATA[ (lte IE 8) & (!IEMobile)]]></if></action>
    <action method="addItem"><type>skin_css</type><name>css/madisonisland-ie8.css</name><params/><if><![CDATA[ (lte IE 8) & (!IEMobile)]]></if></action>

    – as. 80-83:

    <!-- Sets viewport meta tag using text block -->
    <block type="core/text" name ="head.viewport">
    <action method="setText"><text><![CDATA[<meta name ="viewport" content="initial-scale=1.0, width=device-width" />]]>&#10;</text></action>
    </block>
  6. In derselben Datei dann diese Zeilen
    <!-- Add stylesheets with media queries for use by modern browsers -->
    <action method="addItem"><type>skin_css</type><name>css/styles.css</name><params/><if><![CDATA[<!--[if (gte IE 9) | (IEMobile)]><!-->]]></if></action>
    <action method="addItem"><type>skin_css</type><name>css/madisonisland.css</name><params/><if><![CDATA[<!--[if (gte IE 9) | (IEMobile)]><!-->]]></if></action>

    by

    <!-- Add stylesheets with media queries for use by modern browsers -->
    <action method="addItem"><type>skin_css</type><name>css/styles.css</name><params/></action>
    <action method="addItem"><type>skin_css</type><name>css/madisonisland.css</name><params/></action>

    replace.

  7. Und noch die app/code/core/Mage/Checkout/Block/Cart/Minicart.php in /app/code/local/Mage/Checkout/Block/Cart/Minicart.php kopieren

Das sollte es dann eigentlich gewesen sein. Mit diesen Änderungen konnten wir das RWD Template dann auch unter Magento CE 1.7 use.

Addendum dated 03.02.2017

As from Magento 1.9 to a “small logo” can be grabbed back over the configuration, to be able to see better at small dispays can, is header.phtml of RWD Themes

<img src ="<?php echo $this->getLogoSrcSmall() ?>" alt ="<?php echo $this->getLogoAlt() ?>" class ="small" />

available. From a defined screen size so the small logo Loading. But in Magento versions < 1.9 this is not provided in the configuration, the logo can thus not be displayed. a Quick & Dirty solution here is to change just minimal the line by the “Small” from “getLogoSrcSmall” distant. Then will no longer fall back on the non-existent source, but to the normal. This solution further adjustments attributable.

Used in Magento Version 1.7 and 1.8 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.

One comment on “Magento – RWD Theme auch für Magento 1.7 and 1.8 use”

  1. For me, the search filters for mobile devices did not work.

    After I but the folder “jquery” have copied from /html/yourshop1.9/js/lib in /html/yourshop1.7/js/lib, work also.

Leave a Reply

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