...
Über die Schaltfläche: SEITENFARBE kann eine Hintergrund-Seitenfarbe definiert werden.
2. HTML Typische Attribute -> Elemente
...
Über die Schaltfläche: CSS EINFÜGEN können externe CSS (Cascading Style Sheets) geladen und für die Erstellung der HTML-Vorlage genutzt werden.
Verwendest du bereits für den Online-Shop einen eigenen Style Sheet, kannst du mit dieser Funktion auf diese Datei zugreifen. Dieser wird im Quelltext eingebunden und auf diese Weise auch für die HTML-Vorlage nutzbar.
Beispiel:
4. Tabellen
Über die Schaltfläche: TABELLE EINFÜGEN kann eine Tabelle eingefügt werden. Hier kann beim ersten einfügen per Mouse-Over bestimmt werden, wie viele Spalten und Zeilen die Tabelle haben soll. Eine bereits eingefügte Tabelle kann zusätzlich über die Schaltflächen: SPALTE EINFÜGEN, SPALTE ENTFERNEN, ZEILE EINFÜGEN, ZEILE ENTFERNEN und ZELLEN VERBINDEN verändert werden.
Weitere Einstellungen für den Rahmen oder den Abständen können über das Betätigen der Schaltfläche: EIGENSCHAFTEN getätigt werden.
...
| Note | ||
|---|---|---|
| ||
Shopware: Damit die Hintergrundfarbe der Vorlage auch in den Tabellen genommen wird, muss im verwendeten "Theme" für Shopware, in den Theme-Farb-Konfigurationen das Feld "@table-row-bg" angepasst werden: Zum Beispiel: rgba(255,255,255, 0)
|
5. Bild einfügen
Über die Schaltfläche: BILD EINFÜGEN lassen sich URL-Pfade für Bilder hinterlegen. Ein Hinterlegen von Bilder über „Drag&Drop“ oder „Copy / Paste“ wird an dieser Stelle unterbunden, da es in HTML-Vorlagen nicht gewollt ist Bilddateien fest zu hinterlegen oder einzubetten.
6. Platzhalter für Bilder
Bilder dürfen in HTML-Vorlagen nicht eingefügt werden. Um HTML-Vorlagen dennoch möglichst realistisch gestalten zu können, können Platzhalter für Bilder verwendet werden. Diese Platzhalter können in der Größe und in der Ausrichtung angepasst werden. Diese fügt man mit der Feld-Variable: „PlA.Art.Bild“ ein.
Blendet man die Detail-Ansicht: „Beschreibung HTML-Vorschau“ ein wird hier das Bild der Variable PlA.Art.Bild angezeigt.
...
Auch Links / URLs lassen sich hinterlegen. Hierfür wird die Schaltfläche: LINK betätigt. Hier wählt man nun eine Beschriftung, die Adresse und gegebenenfalls noch einen Info-Text und bestätigt diese mit der Schaltfläche: OK. Über die Schaltfläche: LINK BEARBEITEN können die Einstellungen geändert werden. Für die Link-Adresse steht ein Feldeditor zur Verfügung, mit dem es möglich ist eine URL / Link über Formeln aufzubauen.
8. Title (H1,H2,...)
Vordefinierte Überschriften, auch Title genannt, findet man im Texttool im Register: „Text formatieren“ in der Registergruppe: „Schriftart“. Hier stehen neben „Normal“ die Überschriften 1-5 zur Verfügung. Es gilt: Die Überschriften werden von 1 nach 5 kleiner.
Schriftarten, Schriftschnitt, Schriftgrad, Effekt, Schriftfarbe und Skripte sind über kleine Schaltflächen (neben der Headergruppen-Unterschrift "Schriftart") in einem separaten Fenster verfügbar.
9. Gestalter
Im Gestalter wird das Layout des Dokuments editiert.
10. Quelltext
Über die Schaltfläche: QUELLTEXT lässt sich der Quelltext des im Designer erstellten Dokumentes einsehen. Ebenfalls kann hier in HTML-Sprache weitergeschrieben und angepasst werden.
| Note | ||
|---|---|---|
| ||
Shopware: Bei Shopware-Plattformen werden die body-Tags zu div-Tags in dem HTML-Layout umgewandelt. |
...
Über die Schaltfläche: VORSCHAU wird angezeigt, wie das Dokument vollendet formatiert aussieht.
