Making-of dynamische Schrifteffekte

In das Template Barcelona ist die dynamische Erzeugung von graphischen Überschriften integriert. Die folgenden Ausführungen zeigen die zugrundliegende Technik.

Basistechnologie

Die grafischen Überschriften werden beim Aufruf der Webseite mit Hilfe der GD-Bibiothek (Grafikfunktionen) und der im Shop vorhanden Textvariablen über ein Smarty Plugin erzeugt. Als Basis wurde dafür das Imagetext-Plugin von cerdmann.com verwendet. Wir haben daran einige Anpassungen für die Einbindung in das Shoptemplate gemacht. Zum Betrieb ist also eine installierte GD-Bibliothek unter PHP und die Installation des Plugins erforderlich. In der Regel ist das aber bei den meisten Providern der Fall.

Wie funktionierts?

Im Template ist an den entsprechenden Stellen, an denen eine graphische Überschrift erscheinen soll, der Aufruf des Smarty-Plugins integriert.

{imagetext text=#heading_cart# style="barcelona"}

Dem Smarty-Plugin werden die an dieser Stelle aktuelle Textvariable sowie eine Formatierungsanweisung übergeben. Das Smarty-Plugin sorgt dann dafür, dass die Ausgabe als Grafik erfolgt. Um das Laufzeitverhalten nicht zu beeinträchtigen, arbeitet das Plugin mit einem Cache, d.h. die Grafiken werden nicht bei jedem Aufruf neu erzeugt, sondern werden für die spätere Verwendung zwischengespeichert.

Installation

Um das Template zu installieren sind, außer der üblichen Basisinstallation eines xtcommerce-Templates folgende Schritte notwendig

1. Plugindateien in das Smarty-Verzeichnis kopieren. Smarty ist die Templateengine von xtcommerce und im Verzeichnis includes/classes/Smarty_xxx installiert. Das _xxx steht dabei für die verwendete Smartyversion. Die Plugindateien sind dort in das Unterverzeichnis plugins zu kopieren.

2. Textcache-Verzeichnis anlegen. Im Hauptverzeichnis Ihres Shops ein neues Verzeichnis textcache anzulegen. In diesem Unterverzeichnis wiederum die beiden Unterverzeichnis cache und fonts. In das fonts-Verzeichnis gehören die Schriftdateien (TrueType). In das textcache-Verzeichnis die Konfigurationsdatei styles.ini. Beachten Sie bitte, dass das textcache-Verzeichnis Schreibrechte hat (chmod 0666), damit die Zwischendateien gespeichert werden können.

styles.ini

In der Konfigurationsdatei styles.ini sind Parameter wie z.B. Schriftart oder Schriftgröße für die Schrifterzeugung hinterlegt. Im Aufruf des Smarty-Plugins wurde ein style-Parameter übergeben. Jeder Style wird in der Konfigurationsdatei in einer eigenen Sektion gespeichert. Die styles.ini hat folgenden Aufbau:

[barcelona]
font = engeregu.ttf
pixelfont = 0
size = 18
bgcolor = F3F3F3
fgcolor = 990000
html = ""
prehtml = ""
posthtml = ""
dynamic = 0
dev = 0
bgoff = 1
textcache = "textcache/"

Der Eintrag font regelt dabei z.B. die verwendetet Schriftart, size die Schriftgröße

Wenn es einmal nicht funktioniert?

Wenn es einmal nicht funtioniert und dei Schriften erscheinen nicht, überprüfen Sie bitte, ob Ihr websapce die GD-Bibliothek verfübar hat. Desweiteren sollten Sie überprüfen, ob die die oben angegeben Verzeichnisstruktur richtig ist und das Cache-Verzeichnis schreibar ist.