Anleitung anpassung

Aus FWP shop Wiki

Dieses Tutorial wird in den nächsten Wochen immer weiter erweitert.

Der FWP shop basiert auf dem Template-System Smarty, welches in erster Linie die einfache Trennung von Code und Layout ermöglicht.

D.h. Sie können Ihre Templates nach fast belieben anpassen, ohne die PHP-Logik vom Shop zu verändern.

Aber nun soll es auch gleich los gehen:

[bearbeiten] 1.) Erstellen eines neuen Themes

Am Besten erstellen Sie Ihr eigenes Theme, welches Sie nach Ihren Bedürfnissen anpassen können.

Bitte kopieren Sie im Ordner Templates beispielsweise den gesamten Ordner orange und benennen Sie den kopierten Ordner in einen beliebigen Namen um.

Sie können diesen beispielsweise mit "own" bezeichnen. Im weiteren Verlauf des Tutorials wird unser Theme ebenfalls so benannt.

Im Anschluss daran müssen Sie noch das Template in der Konfiguration einstellen. Bitte bearbeiten Sie dafür die Datei _config/account_cfg.inc.php.

Aktuell können Sie dies in Zeile 51 tun. Ersetzen Sie die Zeile

define("THEME","fwp1");

durch

define("THEME", "own");

Beim nächsten Aufruf Ihres Shops wird das Template aus dem kopierten Template-Pfad aufgerufen.

[bearbeiten] 2.) Anpassen der Templates

Nachdem Sie das Theme ausgewählt haben, sollten Sie mit der Datei beginnen, die das eigentliche Layout der Seite beinhaltet.

_templates/own/_front/shape_new.tpl

Diese Datei wird für die Generierung jeder Seite im Frontend verwendet. Je nach Aktion wird dabei eine oder weitere Dateien in diese eingebunden.

In allen Templates gibt es einige Smarty-Variablen, die wir Ihnen an dieser Stelle vorstellen möchten. Mit diesen werden Sie häufiger zu tun bekommen:

{$TPL_WDIR} Diese Variable können Sie verwenden, wenn Sie auf Dateien innerhalb Ihres Theme-Ordners zurückgreifen wollen. Dies können beispielsweise Grafiken oder CSS-Dateien sein.

{$PHPSESS} Diese Variable beinhaltet die Session-ID des Users. Diese sollten Sie immer an URLs anhängen.