Templatestruktur

Die Templatestruktur

Anbei finden wir einen Prototypen für die grundsätzliche Templatestruktur von PrestShop mit einer kurzen Beschreibung zu den einzelnen Templatefiles.
Das Templateverzeichnis liegt unter /themes/prestashop/ wobei der Ordner “prestashop” hier dem Defaulttemplate entspricht, dieser kann also bei Verwendung eines individuellen Templates varrierien.

Die Teilbereiche des Templates haben wir in den Header, den Body, die Includes und den Footer unterteilt.

Ordner

Das Basistemplate liegt im Ordner “themes/prestashop” und verfügt über folgende Unterordner:

• css -> Stylesheets für diese Template
• img -> Grafiken für dieses Template (nicht die Produktbilder)
• js -> Javascripte für dieses Template
• lang -> Interne Template-Sprachdateien

Sonstige Files

Sonstige Files die sich im PrestaShop  Template Ordner befinden.

• preview.jpg, Vorschaubild für das Template, wird im Shopbackend verwendet

Header Template header.tpl

Globales Headertemplate mit den Kopfinformationen für das PrestaShop Template.

• Templatefile: header.tpl
• Wird inkludiert: Ja

Beschreibung

In dem Template header.tpl werden die Kopfinformationen für unser PrestaShop Template gesetzt. Das Template wird in fast allen Bodytemplates inkludiert, dass heisst, jede Änderung die du an diesem Template durchführst hat Auswirkungen auf dein gesamtes Template.

Informationssatz

• HTML, Wrapper über CSS Id=”center_column”
• Bindet sämtliche Stylesheets (CSS) ein
• Bindet die Javascripte ein
• Bindet das Logo in das PrestaShop Template ein
• Bndet die Metaangaben (title, description, keywords…) ein

Verfügbare Hooks

• {$HOOK_TOP}
• {$HOOK_LEFT_COLUMN}
• {$HOOK_HEADER}

Globales Template includes

Die folgenden Templatefiles werden innhalb des Core Templates durch andere Templates inkludiert.

Templatefiles

• errors.tpl, Globale Fehlermeldungen vom PrestaShop Coresystem
• category-tree-branch.tpl, Rekursion für das rekursive Menü vom Modul blockcategories
• pagination.tpl, Pager/Seitenleiste für Ergebnisse: 1,2,3,4
• thickbox.tpl, Globales jQuery Thickbox Template
• breadcrumb.tpl, Typische BreadCrumb Navigation in der Form “Startseite > Produkt”
• my-account.tpl, Menü für das Kundenkonto
• order-steps.tpl, Menü mit Bestellschritten für den Checkout

Body Templates

Globale

• 404.tpl -> 404 Fehlerseite

Kundenlogin

• addresses.tpl, Liste Adressen die der Kunde angelegt hat
• address.tpl, Aktuelle Adresse des Kunden
• history.tpl, die Bestellhistory des Kunden
• identity.tpl, Preönliche Informationen für das Kundenkonto
• order-detail.tpl, AJAX Template für die detaillierte Bestellübersicht
• order-slip.tpl, Rücksendung einer Bestellung beauftragen

Shopfrontend

• authentication.tpl, Loginformular für Kunden und Registerung für Neukunden
• best-sales.tpl, Beste Verkäufe
• category.tpl, Template für Shopkategorien die über den Shopkatalog angelegt wurden
• cms.tpl, zeigt die CMS Seiten die über das integrierte CMS eingerichtet wurden an
• contact-form.tpl, stellt das Kontaktformular dar
• discount.tpl,
• index.tpl, Startseite
• manufacturer-list.tpl
• manufacturer.tpl
• new-products.tpl
• password.tpl, Passwort vergessen Funktion
• prices-drop.tpl
• product-list.tpl
• product-sort.tpl
• product.tpl
• scenes.tpl
• search.tpl
• sitemap.tpl
• supplier-list.tpl
• supplier.tpl

Checkout

• order-address.tpl, Versand und Rechnungadresse
• order-carrier.tpl, Zusteller bzw. auswahl der Versandart
• order-confirmation.tpl, Rückleitung nach erfolgreich Zahlung durch Paymentmodul
• order-follow.tpl
• order-payment.tpl, Auswahl der Zahlungsart
• order-return.tpl
• shopping-cart.tpl, der Warenkorb
• shopping-cart-product-line.tpl, einzelne Produkte im Warenkorb

Debug Templates

• debug.tpl -> Globales Smarty internes Debug-Template
• maintaince.tpl -> Wird verwendet wenn Shop im Wartungsmodus versetzt wurde

Footer Template footer.tpl

Globales Footertemplate welche die Fusszeile für das PrestaShop Template vorhält.

• Templatefile: footer.tpl
• Wird inkludiert: Ja

Beschreibung

In dem Template header.tpl werden die Fussinformationen für unser PrestaShop Template gesetzt. Das Template wird in fast allen Bodytemplates inkludiert, dass heisst, jede Änderung die du an diesem Template durchführst hat Auswirkungen auf dein gesamtes Template.

Verfügbare Hooks

• {$HOOK_FOOTER}
• {$HOOK_RIGHT_COLUMN}