Hier eine schnelle Lösung, wie man ohne Änderung der Templates eine Information über den Status des Shops platzieren kann. Gerade während der Entwicklungsphase oder auch für Demoshops ist das interessant.

Live zu sehen auf unserem Demoshop: http://shop.mxperts.de

Dieses Tutorial setzt die Installation von jQuery voraus!

Umsetzung:

Alles was wir benötigen sind eine CSS-Datei eine Javascript-Datei und zwei Bilder. Hier im Beispiel habe ich alles im Default-Theme installiert. Das müssen Sie entsprechend anpassen.

Die Bildaten:
demo-bgdemo

skin\frontend\default\default\css\jquery.demo.css

#demo {
  margin:0;
  background: url(../images/demo-bg.png);
  padding: 2px 10px 2px 10px;
  line-height:1em;
  text-align:center;
}

#demo .notice {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  background-color: white;
  color: black;
  width: 680px;
  margin: 0 auto;
  padding: 1px 1px 1px 10px;
  background: #F1F1F1 url(../images/demo.png) no-repeat 5px;
  -moz-border-radius: 5px;
}

skin\frontend\default\default\js\jquery.demo.js

    jQuery(document).ready(function()
    {
      jQuery('body').prepend('<div id="demo"><div class="notice">Dieser Shop dient nur zu Demozwecken! Keine Auslieferung oder Verkauf von Produkten.</div></div>');
    });

Nun müssen Sie nur noch die folgenden Zeilen in den Block

<block type="page/html_head" name="head" as="head">

einfügen.

                <action method="addItem"><type>skin_js</type><name>js/jquery.demo.js</name></action>
                <action method="addCss"><stylesheet>css/jquery.demo.css</stylesheet></action>

Aktualisieren Sie den Cache und laden Sie Ihre Seite neu um die Infobox über Ihrem Shop zu sehen.

Alle Files zum Download: under_construction.zip