...
Die empfohlene Vorgehensweise zur Individualisierung des EasyTemplate360 ist die Nutzung eines Child-Templates.
Info | ||
---|---|---|
| ||
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
...
Code Block | ||||
---|---|---|---|---|
| ||||
<?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> |
...