Struktur¶
Allgemeines zum Template-System von JTL-Shop¶
JTL-Shop nutzt das Template-System Smarty, welches die serverseitige Anwendungslogik
von der Präsentation (dem Template) trennt.
Das EVO-Template nutzt zur Darstellung die bekannte Technologie CSS/LESS.
Im NOVA-Template gehen wir noch einen Schritt weiter und setzen anstelle von CSS/LESS das modernere SCSS ein.
Das EVO-Template beinhaltet 16 verschiedene Design-Themen (im Folgenden „Themes“ genannt), welche die Darstellung
des Shops beeinflussen. Im NOVA-Template gibt es aktuell das Standard-Theme.
Diese Themes sind freie Designvorlagen von https://bootswatch.com. Dort finden Sie auch zusätzliche Informationen
zu allen im Shop integrierten Themes.
Im Admin-Backend unter „[Templates|Template-Einstellungen] -> [Template-Name] -> Einstellungen“ bestimmt der
Shop-Betreiber ein Standard-Theme, welches im Shop aktiv ist.
Bemerkung
Alle Erläuterungen und Anleitungen der folgenden Seiten beziehen sich auf die JTL-Standard-Templates.
(Gelegentlich wird examplarisch nur das EVO-Template als Bezugspunkt aufgelistet. Besonderheiten
des NOVA-Templates finden sich dann im Text.)
Ordnerstruktur¶
Alle JTL-Shop-Templates befinden sich im Ordner <Shop-Root>/templates/
.
templates/Evo/
├── account/
├── basket/
├── blog/
├── boxes/
├── checkout/
├── comparelist/
├── contact/
├── fonts/
├── js/
├── layout/
├── newsletter/
├── page/
├── php/
├── poll/
├── productdetails/
├── productlist/
├── productwizard/
├── register/
├── selectionwizard/
├── snippets/
├── themes/
└── template.xml
In jedem Template-Ordner muss zwingen eine template.xml
vorhanden sein.
Ordner: snippets¶
Die Template-Dateien im Stammverzeichnis eines JTL-Shop-Templates inkludieren (per Smarty-Include-Funktion) unter
anderem auch die Template-Dateien im Verzeichnis snippets/
.
An dieser Stelle haben Sie die Möglichkeit, verschiedene Template-Teile („Schnipsel“) unterzubringen und von hieraus
in Ihr Template zu inkludieren, die sonst nicht eindeutig thematisch zuzuordnen sind.
Ordner: themes¶
Ein Theme im JTL-Shop-Template definiert per CSS und Hintergrundgrafiken das Design des Shop-Templates.
(Im EVO-Template wird dieses CSS aus LESS erzeugt und im neuen NOVA-Template geschieht dies aus SCSS heraus.)
Themes liegen in Unterordnern im Verzeichnis templates/[Template-Name]/themes/
.
Weitere Informationen zur Theme-Struktur und Theme-Anpassung finden Sie unter „Eigenes Theme“.
Die template.xml
¶
Jedes Template verfügt über eine Datei namens template.xml
, welche die grundlegenden Einstellungen des jeweiligen
Templates beinhaltet.
Diese Einstellungen werden vom Shop automatisch eingelesen und im Admin-Backend
unter „Templates|Template-Einstellungen -> [Template-Name] -> Einstellungen“ aufgelistet.
In der template.xml
werden nur die verfügbaren Template-Einstellungen definiert. Die zugehörigen Einstellungswerte
werden in der Shop-Datenbank gespeichert.
Diese Tags sollten immer gefüllt sein:
Tag | Beschreibung |
---|---|
<Name> |
Name des Templates (wird unter „Templates“ als Name des Templates angezeigt) |
<Author> |
Name des Autors (wird unter „Templates“ als Name des Autors angezeigt) |
<URL> |
Autor-URL (wird unter „Templates“ als Verlinkung zum Autor angezeigt) |
<Version> |
Template-Version |
<ShopVersion> |
Shop-Version |
<Preview> |
Pfad zum Vorschaubild ausgehend vom aktuellen Verzeichnis des Templates |
<Descrption> |
Kurzbeschreibung des Templates (wird unterhalb des Template-Namens unter „Templates“ angezeigt) |
Neben template-spezifischen Einstellungen werden in der template.xml
auch die verfügbaren Themes und die zu
inkludierenden CSS/JS-Dateien definiert.
Eine Anleitung zum Erstellen eines eigenen Themes finden Sie im Abschnitt „Eigenes Theme“.