Öffnen Sie das Editorfenster erstmals befinden Sie sich im Layoutmodus. Öffnen Sie eine lokale Seitenvorlage fügt Web Business Shop in dieser Ansicht visuell die beiden lokalen Teile einer Shopseite - die Grundlayoutvorlage und den Inhalt der Seitenvorlage - zusammen. Editieren läßt sich aber nur der Bereich der Seitenvorlage, der Rahmen des Grundlayouts (farblich durch  im folgenden Schaubild markiert) ist geschützt.

Der Inhalt der Grundlayoutvorlage läßt sich nur bearbeiten, wenn Sie die Grundlayoutvorlage im Editor öffnen. Darin ist wiederum der Platzhalter für den Inhalt der zugeordneten Seitenvorlage vor Änderung geschützt.

Bei Neuanlage einer Grundlayoutvorlage enthält diese zunächst keinen Platzhalter für den Inhaltsbereich der Seitenvorlagen. Der Platzhalter muß explizit über das Editormenü Bearbeiten -> Einfügen -> Seitenbereich einfügen integriert werden.

Ohne weitere Gestaltungselemente würde dann der HTML Quelltext einer Grundlayoutvorlage so aussehen:

Fensterrahmen des Layouteditors

In der Titelleiste des Editors wird in immer angezeigt, in welchem Projekt Sie welche Vorlagendatei gerade geöffnet haben. Ergänzend dazu erscheint ein * hinter dem Dateinamen, wenn im Editor die Vorlage geändert wurde, das Sprachkennzeichen, wenn Sie die Vorlage in einer anderen Sprachversion öffnen oder die Adressgruppe, wenn eine personalisierte Vorlage bearbeitet wird.

Editormenü

 Editor schliessen

Beendet die Bearbeitung einer Vorlagendatei und schließt den Editor. Wenn Sie Änderungen vorgenommen haben, erscheint eine Abfrage ob Sie speichern möchten.

 Vorlage speichern

Änderungen die Sie an der Vorlage durchgeführt haben, werden in die Vorlagendatei geschrieben. Änderungen an der Stildefinition werden die die jeweilige CSS-Stildatei geschrieben.

 Ansicht wechseln

Der Vorlageneditor hat vier Ansichtsmodi.

1. Der zuvor schon erwähnte Modus Layout
2. HTML-Quelltext
   Es wird immer nur der Teilbereich der gerade geöffneten Vorlage zur Bearbeitung geöffnet. Bei einer lokalen Seitenvorlage wird also nicht der Grundlayoutquelltext angezeigt.
3. CSS-Quelltext
   Öffnet die der Vorlage zugeordnete Stildatei. Wenn eine Seitenvorlage keine eigene CSS-Datei besitzt, wird die Stildatei der Grundlayoutvorlage geöffnet. Änderungen werden dann für alle Seitenvorlagen wirksam, die der jeweiligen Grundlayoutvorlage zugeordnet sind!
4. Vorschau
   Im Modus Vorschau ist keine Bearbeitung möglich, vielmehr wird hier Ihr Shop Projekt in einer lokalen Voransicht gestartet. Mehr Informationen dazu haben wir im Dokument Die lokale Voransicht Ihres Shopprojekts für Sie zusammengefaßt.

Als Beispiel eines HTML-Quelltextes sehen Sie in der Seitenvorlage Bestellwarenkorb ist leer aus einer Designvorlage folgendes 

Die ersten beiden Zeilen jeder Seitenvorlage dürfen nicht entfernt werden, da diese für die Zusammenführung mit der Grundlayoutvorlage benötigt werden!

Der Menüpunkt Elementeigenschaften ist nur im Ansichtsmodus Layout aktiv und blendet das Zusatzfenster Elementeigenschaften ein oder aus.

 Hyperlink einfügen

Dieser Button ist nur aktiv, wenn Sie zuvor in einem editierbaren Bereich der Vorlage einen Text oder ein Bild markiert haben. Der markierte Bereich kann dann über den sich öffnenden Dialog mit einem Hyperlink versehen werden. Zur Auswahl und Eingabe eines Hyperlinks in diesem Dialogfenster finden Sie im Dokument Hyperlinks in Seitenvorlagen, Produktbeschreibungen oder Inhaltstext einfügen nähere Informationen.

 Bild einfügen oder bearbeiten

Wenn Sie eine neue Bilddatei in Ihre Vorlage einfügen möchten, setzen Sie erst den Textcursor an die entsprechende Stelle in der Vorlage und klicken dann auf dieses Symbol. Es öffnet sich das Dialogfenster der Bildmedien-Verwaltung. Markieren Sie eine Bilddatei und klicken Sie in dem Dialogfenster auf die Schaltfläche Übernehmen, wird das Bild an der Stelle des Textcursors eingefügt. Wenn Sie zuvor in der Vorlage bereits ein Bild markiert bzw. angeklickt haben, öffnet sich das Dialogfenster und die in der Vorlage ausgewählte Bilddatei wird bereits markiert und geladen. Wählen Sie dann im Dialogfenster eine andere Bilddatei aus, wird die vorhandene Grafik mit der neuen Auswahl ausgetauscht. Um eine Grafik aus der Vorlage zu entfernen, klicken Sie auf das Bild - es wird mit einem Rahmen markiert - und drücken die ENTF Taste.

Menü Bearbeiten

In diesem Menü befinden drei Funktionen, die näher erläutert werden sollen:

Aktualisieren

Wenn Sie Änderungen an der Gestaltung einer Vorlage durchführe, werden diese manchmal im Ansichtsmodus Layout nicht sofort aktualisiert. Mit dieser Funktion wird ein Neuaufbau der Vorlage inklusive der von Ihnen erfolgten Änderungen erzwungen.

Original laden

Änderungen an einer Vorlagendatei im Layouteditor werden erst durch Speichern tatsächlich in die Vorlagendatei geschrieben. Möchten Sie alle Änderungen an einer Vorlage rückgängig machen, genügt es diese Menüfunktion aufzurufen. Dadurch wird die Vorlage aus der Datei im ursprünglichen Zustand wieder in den Editor geladen.

Seitenbereich einfügen

Benutzen Sie diese Menüfunktion nur, um in einer Grundlayoutvorlage den Platzhalter für die zugeordneten Seitenvorlagen einzufügen - siehe dazu den Abschnitt weiter oben im gleichen Dokument.

Das Menü Bearbeiten öffnet sich auch, wenn Sie mit der rechten Maustaste in einen Bereich der Vorlage im Editor klicken.

Menü Format

In einem HTML Dokument gibt es mehrere verschiedene Absatz- bzw. Textabschnittstypen. Die gängisten sind Absatz (<p>), Bereich (<div>) und Überschriften (<h1>, <h2>,usw). Wenn Sie in der Vorlage einen vorhandenen Textabschnitt markieren, kann durch Auswahl einer dieser Menüfunktionen der Typ geändert werden.

Menü Stil

Stilvorgaben - wie Schriftart, Schriftgröße oder -farbe werden in Vorlagen generell in CSS-Stildefinitionen abgelegt. Einzelne Auschnitte eines Textbereichs lassen sich jedoch mit diesen Menüfunktionen formatieren, z.B. wenn Sie ein Wort durch Fettschrift hervorheben möchten. Mit der Funktion Stil zurücksetzen lassen sich solche Formatierungen wieder entfernen. Markieren Sie dazu vorher den betreffenden Textabschnitt und klicken Sie dann auf die Menüfunktion.

Tabelle

In diesem Menübereich wurden alle Funktionen zusammengefaßt, die das Einfügen und Bearbeiten von Tabellen in Ihrer Vorlage beinhalten.

Hilfe

Öffnet die Web Business Shop Onlinedokumentation im Internet auf der Website der DaVinci Technology (Sie befinden sich gerade mittendrin).