GreenFresh kostenloses Template

Geschrieben von: Jan H. Freitag, den 05. August 2011 um 10:45 Uhr

Dieses kostenlose Template punktet im Bereich kurze Ladezeit und Usability.

Der Bereich in dem die Erdbeere zu sehen ist, wird nur auf der Index Seite Ihres xtCommerce Systems angezeigt und soll dazu dienen, wichtige Shop Informationen auf der Startseite wiederzugeben.

Dieser Code sorgt für die Anzeige des "Header Bereichs" nur auf der Startseite

Wer den Header Bereich auf jeder Seite ausgeben möchte, muss nur folgenden Code aus der index.html des Templates entfernen.

 {if strstr ($smarty.server.PHP_SELF, 'index')}
 {if $smarty.get.cPath==null and $smarty.get.manufacturers_id==''}

 <!-- Das ist der Teil, der augeblendet wird. -->
 
< div id="header">
 < div class="inside_head">
 < p> </p>
 < p>{$smarty.const.TITLE}</p>
 < /div>
 < /div>
 <!-- Ende der Ausblendung -->

 {/if}
 {/if}

Bei diesem Template wurde lediglich ein Minimum an Tabellen verwendet. Das Design lässt sich somit ohne größere Probleme über die CSS Datei anpassen oder sogar komplett verändern.

Ganz besonders bei dieser XTC Vorlage ist, dass alle Hintergründe immer dasselbe Bild haben. Das Hintergrundbild für die Navigation und die Boxen wurde mit CSS so positioniert, dass man nicht erkennen kann, dass es sich immer wieder um das gleiche Bild handelt. Wer also das Bild "green_eyecat.jpg" im Verzeichnis templates/green_fresh_corner/images/green_eyecat.jpg austauscht, bekommt einen völlig neuen Style. 

Die Artikelanzeige erfolgt in drei Spalten mit jeweils einem "Details" und einem "Kaufen" Button und trägt dazu bei, Ihre Artikel dem Kunden sehr übersichtlich zu zeigen.

Die Buttons wurden eigens für dieses Template erstellt und sind in deutscher Sprache vorhanden. Wer die Buttons in englischer Sprache ebenfalls benötigt, kann sich die Buttons nebst Erstellungsdateien im Downloadbereich ebenfalls kostenfrei herunter laden und modifizieren.   

einfache Navigation

Das Menü für die Kategorien sowie der Warenkorb befinden sich auf der linken Seite des Templates. Im Footerbereich können alle Versandinformationen, Lieferbedingungen etc., LogIn und Newsletteranmeldung wiedergegeben werden.

Auf eine rechte Spalte wurde bei diesem Template zu Gunsten des Platzes verzichtet. Der Verzicht auf die rechte Spalte kommt auch dem Check Out Bereich zu Gute, da  so genügend Platz und Übersichtlichkeit vorhanden ist.

Grafiken als Vektor Datei enthalten

Die Bearbeitungsgrafiken sind ebenfalls im ZIP Archiv enthalten und können mit Fireworks abgeändert und natürlich kostenlos benutzt werden.

kostenloser Download

Das Template Green Fresh Corner können Sie hier herunterladen.

Eine Vorschau dieses Templates finden Sie hier: https://jan-hennemann.de/index.php?tpl=green_fresh_corner

Im Download Ordner befinden sich das Template und die Grafiken.

Sie können dieses Template kostenfrei benutzen und auch den janswerk.de Link aus dem Footer entfernen. Ich würde mich aber sehr freuen, wenn Sie diesen Blog an irgendeiner Stelle auf Ihrer Website verlinken.

umfangreiche Tests

Nach dem es bei den beiden (ersten) Templates "Light Size" und "light Size Corner" zu Darstellungsproblemen gekommen war, werden Diese jetzt auf verschiedenen Rechnern mit unterschiedlichen Betriebssystemen und Browsern getestet.

Getestet wurden dabei die Browserkompatibilität und die Ladezeit bei:

    * Firefox 3.6 Firefox 3.6 Windows XP
    * Minefield 3.7 Minefield 3.7 Windows XP
    * Avant 11.7 Avant 11.7 Windows XP
    * Netscape 8.1.3 Netscape 8.1.3 Windows XP
    * Opera 8.54 Opera 8.54 Windows XP
    * MSIE 7.0 MSIE 7.0 Windows XP
    * Firefox 4.0.1 Firefox 4.0.1 Windows XP
    * MSIE 8.0 MSIE 8.0 Windows XP
    * Chrome 11.0.696.68 Chrome 11.0.696.68 Debian Unstable
    * Epiphany 2.30.6 Epiphany 2.30.6 Ubuntu 9.10
    * MSIE 9.0 MSIE 9.0 Windows XP

und außerdem mit dem Firefox 5, dem Internet Explorer 9 mit Windows 7 und vielen weiteren Browsern.