In diesen Slot wird eine der mächtigsten Template-Funktionen in Shopware aufgezeigt - das Block- und Vererbungssystem. Hierbei geht es um Beispiele für die effektive Nutzung und den "Best Practices" zur Verwendung der beiden System in Kombination.
3. ÜBERBLICK
- 9 mitgelieferte Farbvarianten
- Smarty 3 als Template Engine
- jQuery 1.7.2 als Javascript Bibliothek
- 960.gs mit YUI 2 Reset als CSS-Framework
- Ausgeklügelte Vererbungssystem über das
sogenannte Block-System von Smarty
- Erweiterbar mit Shopware Plugins
DAS SHOPWARE TEMPLATE
5. DIE STRUKTUR
DIE STRUKTUR
WO FINDE ICH WAS?
- engine
- enthält den kompletten Programm-
code + alle Plugins
- media
- enthält alle hochgeladenen Dateien
- snippets
- Textbausteine für das Backend
- templates
- enthält alle Shopware Templates
6. DIE STRUKTUR
WO FINDE ICH WAS?
- backend
- enthält alle Backend-Module
- documents
- Templates für generierte Dokumente
- frontend
- enthält die Templates für die Storefront
- newsletter
- enthält die Bestandteile des Newsletters
- widgets
- enthält Templatess für die verschiedenen
Widgets
(unabhängige Bereiche innerhalb von Shopwar
11. DAS VERERBUNGSSYSTEM
VERERBUNGEN
- Ei-Prinzip - auf den Kern werden die
verschieden Schichten gelegt
Vorteile des Systems:
- Punktuelle Änderungen
- Kein Kopieren von kompletten Templates
- Updatefähigkeit
- Erweiterbarkeit über Shopware Plugins
15. DAS BLOCK SYSTEM
- Fest definierte Abschnitte von HTML-
Code
- Ansprechbar über einen eindeutigen
Namen
- Veränderbar über Shopware Plugins
- Block-System und Vererbungen
bauen aufeinander auf
DAS BLOCK SYSTEM
16. DAS BLOCK SYSTEM
EIN GENAUERER BLICK
- Blöcke können mit Inhalt ersetzt oder erweitert
werden
- replace - Inhalt ersetzen
- prepend - Inhalt vor Block setzen
- append - Inhalt nach Block setzen
17.
18. FRAGE
FRAGE: Wie viele Blöcke haben Sie auf der
Detailseite von Shopware zur Verfügung?
156 Blöcke !
19. DAS BLOCK- UND VERERBUNGSSYSTEM
- punktuelle Änderungen können vorgenommen
werden
- Templates müssen nicht kopiert werden
- Flexible Arbeitsweise über die verschiedenen
Ersetzungmöglichkeiten
- Templates sind unabhäniger und nicht nur auf
einen
Bereich zugeschnitten
ZUSAMMENFASSUNG
21. TEXTBAUSTEINE
TEXTBAUSTEINE
- Textbausteine referenzieren über einen eindeutigen
Texte,
die in der Datenbank hinterlegt sind
- Dient zur Lokalisierung der verwendeten Texte im
System
- Namespace liegt auf der inkludierten Datei
CODE-BEISPIEL:
22. TEXTBAUSTEINE - WORKFLOW
WORKFLOW
1. Template-Code erstellen
2. Texte statisch einfügen
3. Nach endgültiger Freigabe Textbausteine einpflegen
NACHDEM EIN TEXTBAUSTEIN GESETZT WURDE,
WIRD DER INHALT AUS DER DATENBANK BEZOGEN!
23. TEXTBAUSTEINE - TIPPS UND TRICKS
TIPPS UND TRICKS
NAMESPACE SETZEN - INLINE
NAMESPACE SETZEN - PRO DATEI
TEXTBAUSTEINE FEST ÜBERSCHREIBEN