Weitere Dokumente
Einführung in die Gestaltung Ihres Onlineshops mit Seitenvorlagen
Import und Aktivierung einer Designvorlage für Ihren Shop
Der Grundaufbau von Seitenvorlagen
Neuanlage und Verwaltung von Seitenvorlagen
Öffnen der Seitenvorlagen im Layout-Editor zur Bearbeitung
Funktionen und Bedienung des Layout-Editors
Geschützte (nicht editierbare) Bereiche einer Vorlage im Layouteditor
CSS-Stile und das Zusatzfenster Elementeigenschaften im Layouteditor
Die lokale Vorschau Ihres Shopprojekts in der Administration
Mehrsprachiger Onlineshop: Einrichtung und Pflege der Seitenvorlagen
Personalisierung Ihres Onlineshops mit individuellen Seitenvorlagen
Der Grundaufbau von Seitenvorlagen
Ein Template, wie es von Ihrem Onlineshop auf dem Webserver benutzt wird, ist grundsätzlich aus zwei lokalen Vorlagendateien zusammengesetzt, einer Grundlayoutvorlage und der jeweiligen Seitenvorlage in Ihrem Projekt.
In der lokalen Seitenvorlagendatei wird nur der individuelle Inhalt je Seitenvorlage gespeichert. Die Grundlayoutvorlage (z.B. grundrahmen.html) enthält den Rahmen der Website, also z.B. die Navigation, die Logo-Kopfzeile oder auch die Meta-Angaben.
Beide Teildateien werden bei der Synchronisation mit dem Webserver zu einer vollständigen Templatedatei mit dem Namen der Seitenvorlage zusammengefügt und an den Webserver in das Templateunterverzeichnis html übertragen.
Warum machen wir das so?
Kurz gesagt, um Ihnen die Anpassung und Pflege der Webseiten zu erleichtern.
Alle Ansichtselemente, die über mehrere Seiten hinweg identisch sind werden in der Grundlayoutvorlage gespeichert. Eine Änderung des Logos im Grundrahmen wird damit automatisch bei allen zugeordneten Seitenvorlagen wirksam. Sie müssen dadurch bei derartigen Änderungen nicht 30 Webseiten ändern sondern nur EINE!
In den jeweiligen thematischen Seitenvorlagen - wie Produktliste oder Bestellwarenkorb - werden nur die individuellen Teilinhalte eingefügt, die Warenkorbansicht im Bestellwarenkorb oder die Auflistung von Produkten in der Produktlisten-Seitenvorlage. Welche Grundlayoutvorlage mit welcher Seitenvorlage zusammengefügt werden, entscheiden Sie bei der jeweiligen Seitenvorlage.
Web Business Shop arbeitet ohne Frames. Wenn ein Besucher z.B. Ihre Impressumseite und dann die Kontaktseite Ihres Onlineshops abruft, soll bei beiden Seiten die Navigation oder Ihre Logo-Kopfzeile angezeigt werden. Aus diesem Grund, wird in der Grundlayoutvorlage immer der Rahmenaufbau Ihrer Seite gespeichert.
Durch den Import einer Designvorlage werden mind. 3 Grundlayoutvorlagen importiert, i.d.R. "Grundrahmen", "Produktrahmen" und "Bestellseitenrahmen". Diese 3 (oder auch mehr) Dateien reflektieren die unterschiedlichen Seitenrahmen in Ihrem Shop, denn im Bestellprozess wird meist eine andere Navigation benötigt, als im zentralen Shopbereich mit der Produktauswahl.
Technisch spielt sich die Synchronisation der Seitenvorlage gemäß dem folgenden Schema ab. Im Inhalt stark vereinfacht wird die Seitenvorlage Impressum mit der Grundlayoutvorlage Grundrahmen verknüpft und als komplette HTML Seite an den Webserver übertragen:
