Wenn Sie eine Seitenvorlage im Vorlageneditor der Administration von Web Business Shop öffnen - im Ansichtsmodus Layout - , wird zwar der Bereich aus der zugeordneten Grundlayoutvorlage angezeigt ist aber nicht editierbar (siehe dazu das Dokument Funktionen und Bedienung des Layout-Editors ).

Es gibt jedoch auch noch andere Bereiche in einer Vorlage, die in diesem Ansichtsmodus bewußt vor Änderungen geschützt sind (oder geschützt werden können). Das geschieht durch eine spezielle Kommentar-Markierung im HTML-Quelltext der Vorlagendatei.

Der Editor besitzt eine integrierte HTML Validierung, die immer dann ausgeführt wird, wenn Sie vom Ansichtsmodus Layout in die HTML-Quelltext Ansicht wechseln oder die Vorlage speichern. Aufgrund des Platzhaltersystems in den Templates kommt es bei Verwendung von Platzhaltern oder Shopelementen in bestimmten HTML-Bereichen zu ungültigem HTML Quellkode, der erst im Onlineshop - also wenn die Platzhalter durch die Informationen in der Projektdatenbank ausgetauscht werden - gültig wird. Mit dem Schutz dieser Bereiche überspringt der Editor die Validierung und beläßt den Quelltext unverändert.

Ein zweiter Effekt dieser geschützten Bereiche im Ansichtsmodus Layout ist, dass der Editor in der Ansicht bereits versucht darin enthaltene Platzhalter und Shopelemente durch die Projektdaten zu ersetzen. Gelingt dies nicht, erscheint in der Ansicht nur der Hinweis [ANZEIGEELEMENT], anstatt des Quelltextes, andernfalls der ausgetauschte Inhalt. Ein Beispiel für diese geschützten Bereiche ist die Auflistung von Topangeboten in der Startseite-Vorlage aus einer Designvorlage. Im nachfolgenden Schaubild haben wir der Kategorie Topangebote in unserem Mustershop 2 Artikel zugeordnet - Erdbeeren und Trauben. Öffnen wir die Vorlage im Editor sehen wir bereits die beiden Produkte in der Ansicht. Der Austausch erfolgt nur visuell in der Ansicht. Die Vorlage enthält weiterhin den HTML Quelltext mit den Platzhaltern zur Auflistung der Topangebote:

Da Sie in solchen Bereichen etwas sehen, das so in der Vorlagendatei gar nicht gespeichert ist, können Sie diese Bereiche im Ansichtsmodus Layout auch nicht direkt ändern. Wechseln Sie in den Ansichtsmodus HTML-Quelltext, erscheint der tatsächlich hinterlegte Vorlageninhalt mit den jeweiligen Elementen und Platzhaltern und kann dort natürlich auch geändert werden. Auch die Stildefinitionen, die den Elementen eines geschützten Bereichs zugeordnet sind können bearbeitet werden. Klicken Sie auf einen Bereich innerhalb des geschützten Abschnitts mit der Maus werden die Elementeigenschaften und ggf. CSS-Stildefinitionen im Zusatzfenster Elementeigenschaften angezeigt (änderbar sind aber nur CSS-Definitionen nicht die Grundeigenschaften eines angeklickten HTML Elements im geschützten Abschnitt).

Noch ein Beispiel dazu:

In der Seitenvorlage zur Eingabe der Adressdaten im Rahmen des Bestellprozesses im Shop (Designvorlage: badresse.html) befindet sich ein Auswahlfenster für die Anrede. Die Auswahl generiert sich online automatisch aus den Angaben im Bereich Verwaltung -> Adressen -> Anrede der Administration.

Das ist ein Ausschnitt aus der Layoutansicht der Seitenvorlage badresse.html, in der HTML-Quelltext Ansicht steht hinter der Auswahlliste Anrede folgender HTML-Inhalt:

Die HTML-Validierung beim Speichern der Vorlage würde die Kommentare (Shopelemente) <!-- wbc:begin ...> , <!-- wbc:end --> entfernen, da laut HTML Spezifikation in einem HTML Element SELECT nur das Unterelement OPTION erlaubt ist. Online wird das korrekt dargestellt, da die Platzhalter dann ja durch den Inhalt der Anreden-Tabelle ersetzt werden und die Kommentare nicht mehr enthalten sind. Lokal in der Seitenvorlage jedoch muß dieser Quelltext durch

geschützt werden. Jeder HTML Quelltext der innerhalb dieser beiden Kommentarzeilen in einer Vorlage enthalten ist, wird nicht validiert. Natürlich kann eine Vorlage mehrere solcher Kennzeichnungen enthalten. Achten Sie jedoch darauf, dass ein <!-- wbcelement:begin --> immer mit einem <!-- wbcelement:end --> abgeschlossen wird!

Dermaßen geschützte Bereiche einer Vorlage können in der Ansicht Layout zwar nicht geändert aber jederzeit gelöscht werden. Markieren Sie dazu einfach den Bereich und drücken Sie die ENTF Taste (oder Menü Bearbeiten -> Löschen).

Die Synchronisation des Layouts überträgt alle aufbereiteten Seitenvorlagen ohne die Kennzeichnung geschützter Bereiche, entfernt also alle <!-- wbcelement:begin --> und <!-- wbcelement:end --> aus den Vorlagendateien - auf dem Webserver.