Wie wird ein xt:Commerce Template erstellt?

Teil 1

In der folgenden Ausführung, zeige ich, wie ein xtCommerce-Template erstellt wurde. Es handelt sich dabei um die Umsetzung eine eigenständigen Layouts, also nicht um die Anpassung von Farbwerten an dem Standardtemplate. Alle Informationen beziehen sich auf die Version 3.04 SP2.1

Das sollten Sie vorher wissen

Folgende Voraussetzungen sollten Sie mitbringen, um eigenständig ein Template erstellen oder anpassen zu können

• Solide Kenntnisse in HTML und CSS.
• Sie sollten die Verzeichnisstruktur von xtcommerce, insbesondere das Unterverzeichnis templates kennen.
• Verständnis der Smarty-Template-Engine, um die Befehle im HTML-Code zu verstehen. Weitere Information zu Smarty finden Sie unter smarty.php.net
• PHP-Grundkenntnisse

Und einen Editor zum Bearbeiten von HTML-Dateien sollten Sie besitzen. Auf jeden Fall sinnvoll ist es als Entwicklungsumgebung einen lokale funktionierende Shopinstallation zu haben, weil Sie so Änderungen sofort kontrollieren können. Für Windows existieren hier mit z.B. Xampp und wampserver einige leicht zu installierenden Webserver.

Schritt 1: Layoutentwurf

Bevor Sie mit der Integration in den Shop beginnen sollten Sie den Layoutentwurf in HTML erstellen. Es gibt im Internet inzwischen eine Reihe von Quellen von ansehnlichen Templates, die man verwenden kann. Unter CSS-Templates sind einige aufgeführt.

Ich bediene mich hier zu diesem Zweck des verfügbaren Templates Sunrise (www.free-css-templates.com). Das Template ist unter der Creative Commons Attribution-Lizenz verfügbar.

Das Ausgangstemplate vor der Anpassung an xt:commerce

Weiter mit

Teil 2 | Teil 3 | Teil 4