Magento – RWD Theme auch für Magento 1.7 und 1.8 verwenden

Ab Magento Version 1.9 wird das responsive Theme “RWD” im Standard mit ausgeliefert. 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) kopieren und in die 1.7 / 1.8er Installation in den Ordner /app/code/local/Mage kopieren.
    – 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. Zeile 53 anpassen
    $_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:
    – ca. 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>

    – ca. 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>

    durch

    <!-- 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>

    ersetzen.

  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 nutzen.

Nachtrag vom 03.02.2017

Da ab Magento 1.9 auf ein “kleines Logo” über die Konfiguration zurück gegriffen werden kann, um besser auf kleinen Dispays angezeigt werden zu können, ist in der header.phtml des RWD-Themes

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

vorhanden. Ab einer definierten Bildschirmgröße wird also das kleine Logo geladen. Da aber in Magento Versionen < 1.9 dies in der Konfiguration nicht vorgesehen ist, kann das Logo so nicht angezeigt werden. Eine Quick & Dirty-Lösung ist hier die Zeile einfach minimal zu verändern indem man das “Small” aus “getLogoSrcSmall” entfernt. Dann wird nicht mehr auf die nicht vorhandene Quelle zurückgegriffen, sondern auf die normale. Mit dieser Lösung entfallen weitere Anpassungen.

Genutzt in Magento Version 1.7 und 1.8 Kommentare? Ergänzungen? Hinweise? Gerne!

Published by Covos

Seit 2009 arbeite ich nun intensiv mit Magento. Begonnen habe ich mit der Erstellung und dem Betrieb von B2C-Shops. Ausgeweitet wurde dies durch meine Tätigkeit im Logistik-Sektor. Hieraus entstanden erste spezialisierte B2E-Systeme. Heute arbeite ich tag-täglich mit spannenden B2C-, B2B- und B2E-Projekten und berichte in diesem Blog über Herausforderungen und gebe Insider-Tipps.

One comment on “Magento – RWD Theme auch für Magento 1.7 und 1.8 verwenden”

  1. Bei mir hat der Suchfilter für die Mobilen Geräte nicht funktioniert.

    Nachdem ich aber den Ordner “jquery” von /html/yourshop1.9/js/lib in /html/yourshop1.7/js/lib kopiert habe, funktionierte auch das.

Leave a Reply

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