Individualisierung

Child-Template

Die empfohlene Vorgehensweise zur Individualisierung des EasyTemplate360 ist die Nutzung eines Child-Templates.

Die Goldene Regel für Child-Templates

Bei der Verwendung von Child-Templates ist vor allem eines zu beachten: Lege nur das als Dateien an und passe nur die Dinge an, die Du wirklich für die Individualisierung brauchst!

Template-Dateien im Child-Template werden logischerweise nicht bei Template-Updates (die ja das Parent-Template betreffen) aktualisiert. Das heißt, mitunter fehlen Dir dann neuere Funktionen, bis Du Deine Child-Template-Dateien nachgezogen hast (was aufwendig werden kann).


Das grundlegende Vorgehen zur Erstellung von Child-Templates findest Du im Guide von JTL: http://docs.jtl-shop.de/de/latest/shop_templates/eigenes_template.html

Erweiterungen von Templates können ganz analog zum JTL-Standard-Template EVO erfolgen: Leg einfach die zu überschreibende .tpl-Datei in einer parallelen Ordnerstruktur an und es kann losgehen - das funktioniert übrigens auch für die Templates im Ordner .../easytemplate360/solution360/

Im Folgenden siehst Du eine beispielhafte template.xml für ein Child-Template des easyTemplate360:

Beispiel: template.xml
<?xml version="1.0" encoding="utf-8" standalone="yes"?> 
<Template isFullResponsive="true"> 
	<Name>EasyTemplate360 Child Beispiel</Name>
	<Author>Solution 360 GmbH</Author>
	<URL>https://www.easytemplate360.de</URL>
	<Version>1.00</Version>
	<ShopVersion>405</ShopVersion>
	<Parent>easytemplate360</Parent>
	<Description>Ein Beispiel-Child-Template fuer das EasyTemplate360</Description>
	<Settings> 
		<Section Name="Theme" Key="theme">
			<Setting Description="Theme" Key="theme_default" Type="select" Value="mytheme">
				<Option Value="mytheme">MyTheme - mein eigenes Theme!</Option>
			</Setting>
		</Section>
	</Settings>
	<Minify>
		<!-- Der JS Teil ist optional, falls Du eigene JavaScript-Dateien nutzen willst. Sonst lasse diesen einfach weg. -->
		<JS Name="jtl3.js">
			<!-- Hier kannst Du eigenen JavaScript-Dateien einbinden -->
			<File Path="js/mytheme.js"/>
		</JS>
		<CSS Name="mytheme.css">
			<!-- Wichtig: Importiere die Standard theme.css zuerst; diese wird auch vom Backend kompiliert, wenn du dort Farben aenderst -->
			<File Path="../easytemplate360/themes/default/css/theme.css"/>
			<!-- In deiner eigenen .css-Datei koennen dann gezielt Styles ueberschrieben werden --> 
			<File Path="themes/mytheme/mytheme.css"/>
		</CSS>
	</Minify>
</Template>