Seitenbestandteile erkennen
Das Bestellformular ist in Seitenbestandteile in Form von Sektionen, Zeilen, und Komponenten aufgeteilt, die du am farbigen Rahmen erkennst:
- Sektionen sind mintfarben
- Zeilen sind königsblau und können Spalten beinhalten
- Komponenten sind sandgelb
-
Sektionen
Sektionen bilden das Grundgerüst des Bestellformulars. Hierüber kannst du die Seite in Bereiche aufzuteilen, z. B. Header, Body, und Footer. Für jede Sektion kannst die Seitenbreite sowie ein Hintergrundbild einstellen.
-
Zeilen und Spalten
Beim Einfügen einer Zeile wählst du aus, wie viele Spalten diese hat. Spalten können nicht einzeln hinzugefügt oder nachträglich ergänzt werden.
-
Zeilen teilen die Seite in horizontale Bereiche auf. Du kannst mehrere Zeilen untereinander einfügen und diese mit allen Inhalten nach oben oder unten verschieben. So kannst Zeilen thematisch gestalten, z. B. eine Zeile für Produktdaten, eine Zeile für Eingabefelder etc.
-
Spalten erlauben dir, Innerhalb von Zeilen Inhalte nebeneinander darzustellen. So kannst du z. B. Adressdaten neben Zahlungsdaten stellen.
-
-
Komponenten
Mit Komponenten fügst du gezielt Inhalte ein. Jede Komponente hat eigene Eigenschaften und Konfigurationsmöglichkeiten.
Beim Anwählen eines Rahmens werden Rahmenelemente angezeigt, die Symbol-Buttons für verschiedene Aktionen beinhalten:
Seitenbestandteile ein- und ausblenden
Für jede Sektion, Zeile, oder Komponente kannst du in den jeweiligen Einstellungen die Sichtbarkeit einstellen:
-
Alles: Der Seitenbestandteil wird auf allen Bildschirmen angezeigt.
-
Nur Mobil bzw. Nur Desktop: Der Seitenbestandteil wird jeweils nur entsprechenden Bildschirmen angezeigt und auf anderen ausgeblendet. So kannst du z. B. ein Produktbild auf stationären Bildschirmen groß anzeigen, aber auf Smartphones ausblenden lassen, um dort die Navigation zu erleichtern. In diesen Fällen der Inhalt des Seitenbestandteils rot umrandet und mit einer Etikette gekennzeichnet:
-
Verbergen: Der Seitenbestandteil wird überhaupt nicht angezeigt. So kannst du Inhalte einfügen, die aktuell noch nicht genutzt werden sollen. Z. B. kannst du vorsorglich eine Komponente für ein Bild einfügen, welches noch auf die Genehmigung wartet.
Du kannst nur Seitenbestandteile verbergen, die keine Pflichtkomponenten einhalten. Verborgene Seitenbestandteile können auf folgende Weise wieder angezeigt werden:
-
Drücke in der Kopfleiste auf einen der Button Sektionen, Zeilen oder Komponenten und dann auf Verwalten. Eine Seitenleiste für die Navigation der jeweiligen Seitenbestandteile wird angezeigt.
-
Seitenbestandteile mit einem Durchgestrichenen-Auge-Symbol sind verborgen. Drücke darauf, um den Seitenbestandteil sofort im Bestellformular sichtbar zu machen. (Nach außen wird die Änderung erst nach der Veröffentlichung sichtbar.)
Sektion einrichten
-
Die Rahmenelemente der Sektion erscheinen an den Seitenrändern.
-
Drücke auf das Speichern-Symbol
, um die Sektion als Vorlage zu übernehmen.
-
Drücke auf das Plus-Symbol
, um neue oder als Vorlage gespeicherte Sektionen hinzuzufügen.
-
Drücke auf die Pfeil-Symbole
, um Sektionen zu verschieben.
-
Drücke auf das Kopieren-Symbol
, um sofort eine Kopie der Sektion mit allen Einstellungen und enthaltenen Zeilen darunter einzufügen. Komponenten werden nicht kopiert.
-
Drücke auf das Zahnrad-Symbol
, um Einstellungen vorzunehmen. Die Seitenleiste Sektion wird angezeigt.
Einstellungen
-
Abstand oben
Fügt einen transparenten Abstand zum oberen Seitenrand bzw. zur darüber liegenden Sektion ein. Der Abstand wird zusätzlich zum Sektionsinhalt eingefügt, verbreitert aber nicht den Inhalt selbst (im Gegensatz zum Padding, siehe unten).
-
Bild
-
Hintergrundbild: Lege ein Hintergrundbild für die Sektion fest. Dieses überdeckt das Hintergrundbild der Seite.
-
Bildposition: Positioniert das Hintergrundbild innerhalb der Sektion.
-
Überlagernde Farbe: Überdeckt das Hintergrund mit einer Farbe. Mit einem Schieberegler im Farbauswahlfenster kannst du die Transparenz der Farbe bestimmen. So kannst du z. B. das ausgewählte Bild mit einem weißen Schleier belegen, damit es noch sichtbar ist aber nicht so stark ins Auge fällt.
-
-
Größe & Position
-
Sektionsbreite: Lege eine Breite fest, um z. B. den Seitenrand breiter oder schmaler zu gestalten.
-
Kleben: Lege fest, ob die Sektion beim Herauf- oder Herunterscrollen an einer fixen Position bleiben soll. Dies ist sinnvoll, wenn die Sektion nur einen geringen Inhalt hat, z. B. den Kaufen-Button. So kannst du einstellen, dass der Sektionsinhalt immer prominent sichtbar ist.
-
-
Zeile Größe & Position
Hier kannst du zentrale Einstellungen für alle Zeilen vornehmen, die in dieser Sektion enthalten sind. Diese gelten vorrangig vor Einstellungen in den einzelnen Zeilen.
-
Farben/ Hintergrundfarbe
Füllt den Hintergrund mit einer Farbe. So kannst du z. B. ein Hintergrundbild, dass die Sektion nicht vollständig ausfüllt, in eine Hintergrundfarbe einbetten und das Ganze mit einer überlagernden (transparenten) Farbe überdecken.
-
Padding
Padding (engl., "auffüllen") bedeutet, innerhalb des Sektionsinhalts Abstände hinzuzufügen. So kannst du die Ränder zwischen Inhalt und Sektionsrahmen anpassen. Im Gegensatz zum Abstand oben (siehe oben) wirkt sich das Padding auch das Hintergrundbild bzw. die Hintergrundfarbe aus, da Darstellungsfläche selbst wächst.
Einstellungen (Erweitert)
-
Eckenradius
Lege fest, ob die Sektion runde Ecken haben soll. Dies wirkt sich besonders bei Verwendung eines Hintergrundbilds bzw. einer Hintergrundfarbe aus.
-
Rand
Lege fest, ob die Sektion einen Rand haben soll. Standard ist Kein Rand. Bei Auswahl einer anderen Option werden weitere Felder eingeblendet. Die Änderungen werden bemerkbar, sobald alle Felder mit Werten befüllt sind.
-
Schatten
Fügt der Sektionen einen Schatten hinzu. Dadurch wirkt sie dreidimensionaler und hervorgehoben.
Zeile und Spalten einrichten
-
Die Zeile wird ganz umrandet.
-
Spalten sind durch einen Schieberegler getrennt.
-
Drücke auf das Speichern-Symbol
, um die Zeile als Vorlage zu übernehmen.
-
Drücke auf das Plus-Symbol
, um neue oder als Vorlage gespeicherte Zeilen hinzuzufügen. Eine Seitenspalte wird angezeigt.
-
Wähle unter Layout die Anzahl der Spalten, welche die Zeile haben soll.
-
Wähle alternativ unter Meinte Zeilen eine von dir gespeicherte Vorlage aus.
-
-
Drücke auf die Pfeil-Symbole
, um Zeilen zu verschieben.
-
Drücke auf das Kopieren-Symbol
, um sofort eine Kopie der Zeile mit allen Einstellungen und Spalten darunter einzufügen. Komponenten werden nicht kopiert.
-
Drücke auf das Zahnrad-Symbol
, um Einstellungen vorzunehmen.
Einstellungen
Die Einstellungsmöglichkeiten der Zeile entsprechen denen der Sektion (siehe oben).