jtl-shop 4 | best practices templateanpassung
TRANSCRIPT
![Page 1: JTL-Shop 4 | Best Practices Templateanpassung](https://reader033.vdocuments.mx/reader033/viewer/2022052117/589be9581a28aba5108b70d3/html5/thumbnails/1.jpg)
JTL-Shop 4Best Practices:
Templateanpassung Ein Workshop mit David Hannappel & Pascal Kleefeld
von JTL-Software
![Page 2: JTL-Shop 4 | Best Practices Templateanpassung](https://reader033.vdocuments.mx/reader033/viewer/2022052117/589be9581a28aba5108b70d3/html5/thumbnails/2.jpg)
03.05.2023 JTL-Software-GmbH, David Hannappel & Pascal Kleefeld
2
Ablauf des Workshops• Einführung in das Evo-Template• Technologische Grundlagen• Evo-LiveStyler• Evo-Editor• Child-Templates
• Live-Vorführung: Templateanpassung• Fragerunde• Abschluss
Dauer: ca. 35 Min.
![Page 3: JTL-Shop 4 | Best Practices Templateanpassung](https://reader033.vdocuments.mx/reader033/viewer/2022052117/589be9581a28aba5108b70d3/html5/thumbnails/3.jpg)
03.05.2023 JTL-Software-GmbH, David Hannappel & Pascal Kleefeld
3
Einführung in das Evo-Template• Kostenlos mit JTL-Shop• Vollständig responsive• Gleiches Shopping-
Erlebnis auf allen Endgeräten
• Einfach anzupassen
![Page 4: JTL-Shop 4 | Best Practices Templateanpassung](https://reader033.vdocuments.mx/reader033/viewer/2022052117/589be9581a28aba5108b70d3/html5/thumbnails/4.jpg)
03.05.2023 JTL-Software-GmbH, David Hannappel & Pascal Kleefeld
4
Technologische Grundlagen• Basiert auf dem
responsiven Framework Bootstrap 3
• LESS als CSS-Framework• Smarty 3 als
Templating-Engine• Evo-Editor als LESS- und
JS-Compiler• Evo-LiveStyler als Live-
Editor für Variablen• Inkl. 13 verschiedenen
Themes und 13 Hintergrundbildern
![Page 5: JTL-Shop 4 | Best Practices Templateanpassung](https://reader033.vdocuments.mx/reader033/viewer/2022052117/589be9581a28aba5108b70d3/html5/thumbnails/5.jpg)
03.05.2023 JTL-Software-GmbH, David Hannappel & Pascal Kleefeld
5
Evo-LiveStyler• Live-Anpassung von
Farbwerten, Abständen und Schrifteigenschaften
• Mit Vorschau-Modus
![Page 6: JTL-Shop 4 | Best Practices Templateanpassung](https://reader033.vdocuments.mx/reader033/viewer/2022052117/589be9581a28aba5108b70d3/html5/thumbnails/6.jpg)
03.05.2023 JTL-Software-GmbH, David Hannappel & Pascal Kleefeld
6
Evo-Editor• LESS- und JS-Compiler• Code-Editor im Shop-Backend• Keine Zusatzsoftware notwendig
![Page 7: JTL-Shop 4 | Best Practices Templateanpassung](https://reader033.vdocuments.mx/reader033/viewer/2022052117/589be9581a28aba5108b70d3/html5/thumbnails/7.jpg)
03.05.2023 JTL-Software-GmbH, David Hannappel & Pascal Kleefeld
7
Child-Templates• Bevorzugte Weg zum eigenen Template• Änderung, Austausch und Erweiterung des Evo-
Templates• Smarty Blocks• Spart sehr viel Zeit und Arbeit
![Page 8: JTL-Shop 4 | Best Practices Templateanpassung](https://reader033.vdocuments.mx/reader033/viewer/2022052117/589be9581a28aba5108b70d3/html5/thumbnails/8.jpg)
03.05.2023 JTL-Software-GmbH, David Hannappel & Pascal Kleefeld
8
Child-Templates<title>{block name="head-title"}{$meta_title}{/block}</title>
{block name="head-resources"} ... {/block}
{extends file="{$parent_template_path}/layout/header.tpl"}
{block name="head-title"}CHILD-TEMPLATE!{/block}
{block name="head-resources" append} {if isset($Artikel) && !empty($Artikel->Bilder)} <meta property="og:image" content= "Test" /> {/if} {/block}
<Shop-Root>/templates/Evo/layout/header.tpl
<Shop-Root>/templates/Child-Template/layout/header.tpl
![Page 9: JTL-Shop 4 | Best Practices Templateanpassung](https://reader033.vdocuments.mx/reader033/viewer/2022052117/589be9581a28aba5108b70d3/html5/thumbnails/9.jpg)
03.05.2023 JTL-Software-GmbH, David Hannappel & Pascal Kleefeld
9
FragerundeHabt ihr Fragen?
![Page 10: JTL-Shop 4 | Best Practices Templateanpassung](https://reader033.vdocuments.mx/reader033/viewer/2022052117/589be9581a28aba5108b70d3/html5/thumbnails/10.jpg)
03.05.2023 JTL-Software-GmbH, David Hannappel & Pascal Kleefeld
10
Vielen Dank für euer Interesse und eure Aufmerksamkeit!