xtcModified Template "jgruen"

Geschrieben von: Jan H. Samstag, den 15. Oktober 2011 um 05:52 Uhr

"jgruen" Der Name ist bei diesem xtcModified Template Programm, denn die Farbe Grün dominiert dieses Template, jedoch ohne dabei aufdringlich zu erscheinen.

Kategorie horizontal als drop down Liste

Anders als bei dem klassischen Design des xtc5 Templates, auf dessen Basis dieses Template besteht, wurde das Kategoriemenü horizontal in der Hauptmenüleiste mittels jQuery Superfish als drop down Liste integriert.

Das und die Anordnung der Boxen, die in diesem Template zu gunsten des Hauptinhaltes nur auf der linken Seite zu finden sind, sorgen für viel Platz um Produkte ansprechend bebildert und und mit viel Text darzustellen. Die Suchfunktion ist auf Augenhöhe mit der Hauptnavigation und richtet den Blick ganz nebenbei auf die (eventuellen) verschiedenen Zahlungsmöglichkeiten.

Die kleinen Zahlungsmöglichkeiten-Icons sind als einzelne Bilder auf dem Header Image abgelegt und können ein und ausgeblendet werden. Um die Grafik abändern zu können, benötigen Sie das Grafikprogramm Fireworks von Adobe. Die eigentliche Grafik zum bearbeiten finden Sie im Templateordner /images_source/, wo Sie auch alle anderen Grafiken zum Bearbeiten für dieses Template finden.

noch mehr Übersicht - verbesserte Usability 

Um die Übersichtlichkeit und somit die Usability noch weiter zu verbessern wurde das Modul "Warenkorb jQuery SlideOut" vom Autor Andreas Kopf überarbeitet und integriert.

Das Ergebnis ist ein Warenkorb-Button auf der linken Seite, der beim darauf-klicken den Inhalt des Warenkorbes anzeigt. Der Warenkorb-Button ist immer an der gleichen Stelle, egal ob ein Besucher den Webshop gerade hoch oder runter scrollt. 

Die übliche Warenkorb-Box konnte in diesem Template somit ohne Probleme eingespart werden.

Eingespart beziehungsweise ausgeblendet wurden noch weitere Boxen wie die Newsletter-Eintragen Box, die Kundengruppe Box, die Schnellkauf Box, die Hersteller Informationen Box und natürlich die Kategorien Box, da diese im Hauptmenü ihren Platz gefunden hat.

Wenn Sie eine oder mehrere ausgeblendete Boxen dennoch benötigen, entfernen sie bitte einfach die Sterne zwischen den spitzen Klammern der Box-Platzhalter in der index.html.

Beispiel:
{*$box_CATEGORIES*} <-- wird nicht angezeigt
{$box_CATEGORIES} <-- wird angezeigt 

Dank dieser Maßnahmen stehen Ihnen und Ihren Besuchen nun 750px in der Breite für den Hauptinhalt zur Verfügung, was auf der Startseite zum Beispiel dazu genutzt wird, neue Artikel dreispaltig anzuzeigen.

Auch auf der Produktübersicht-Seite werden die Artikel dreispaltig angezeigt und bieten die Möglichkeit den Artikel in den Warenkorb zu legen. 

xtcModified Template jgruen installieren

Um dieses Template zu installieren müssen Sie lediglich die Dateien herunterladen, entpacken und den Template-Ordner jgruen in den Ordner templates kopieren (IhrWebshop/templates/).

Um alle Funktionen zu gewährleisten liegt dem Downloadordner noch eine geänderte header.php mit bei, die im Verzeichnis IhrWebshop/includes die originale Datei ersetzen muss. 

Achtung:

Bitte legen Sie von ihrer header.php eine Kopie an.

Die Installation bezieht sich auf eine xtcModified Webshop-Standardinstallation. 

Sie können das Template jgruen auf meiner Seite smilingshops kostenlos herunterladen.