Sektionen, Zeilen und Spalten sind Bestandteile der Pagebuilder-Seite. Sie bestimmen die Anordnung der Komponenten.

Sektion einrichten

SEKTION

Sektionen bilden das Grundgerüst der Pagebuilder-Seite.

Hierüber kannst du die sie in Bereiche aufzuteilen, zum Beispiel Header, Body, und Footer.

Für jede Sektion kannst die Seitenbreite sowie ein Hintergrundbild einstellen.

1	Sektion Beim Anwählen wird die gesamte Sektion umrandet.
2	Klicke auf das Plus-Icon , um neue oder als Vorlage gespeicherte Sektionen hinzuzufügen.
3	Beim Anwählen eines Rahmens werden Rahmenelemente angezeigt, die Symbol-Buttons für verschiedene Aktionen beinhalten: Halte und ziehe das Steuerkreuz-Icon , um die Sektion zu verschieben. Klicke bei der Sektion auf das Zahnrad-Icon , um die Sektion im Seitenmenü zu konfigurieren. Klicke auf das Kopieren-Icon , um sofort eine Kopie der Sektion mit allen Einstellungen und Inhalten darunter einzufügen. Klicke auf das Löschen-Icon , um das Element zu löschen.
4	Klicke auf die Pfeile, um das Element nach oben oder unten zu verschieben.

Die Rahmenelemente der Sektion erscheinen an den Seitenrändern.

1. Klicke bei der Sektion auf das Speichern-Icon save.svg, um die Sektion als Vorlage zu übernehmen.

Die Seitenleiste Sektion wird angezeigt.

Bearbeite die Einstellungen:

EINSTELLUNGEN

• Abstand oben

  Fügt einen transparenten Abstand zum oberen Seitenrand bzw. zur darüberliegenden 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 den Hintergrund mit einer Farbe.

    Mit einem Schieberegler im Farbauswahlfenster kannst du die Transparenz der Farbe bestimmen.

    So kannst du zum Beispiel 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 zum Beispiel 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, zum Beispiel einen Kaufen-Button.

    So kannst du einstellen, dass der Sektionsinhalt immer prominent sichtbar ist.

    (Siehe Sticky Sektion erstellen.)

Zeile Größe & Position

Lege zentrale Einstellungen für alle Zeilen dieser Sektion fest. Diese gelten vorrangig vor Einstellungen in den einzelnen Zeilen.

Farben/ Hintergrundfarbe

Fülle den Hintergrund mit einer Farbe. So kannst du zum Beispiel ein Hintergrundbild, das die Sektion nicht vollständig ausfüllt, in eine Hintergrundfarbe einbetten und das Ganze mit einer überlagernden (transparenten) Farbe überdecken.

Padding

Füge innerhalb einer Sektion einen Abstandspuffer (Padding) zwischen Inhalt und äußerem Rahmen hinzu. Dadurch wächst die Darstellungsfläche der Sektion.

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üge der Sektionen einen Schatten hinzu. Dadurch wirkt sie dreidimensionaler und hervorgehoben.

Zeile und Spalten einrichten

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 du Zeilen thematisch gestalten, zum Beispiel eine Zeile.

Spalten erlauben dir, innerhalb von Zeilen Inhalte nebeneinander darzustellen. So kannst du verschiedene Angebote nebeneinander stellen.

Die Rahmenelemente der Zeilen erscheinen an den Seitenrändern.

1. Klicke bei der Zeile auf das Speichern-Icon , um die Zeile als Vorlage zu übernehmen.

2. Klicke auf das Plus-Icon , um neue oder als Vorlage gespeicherte Zeilen oder Spalten hinzuzufügen.

   Eine Seitenspalte wird angezeigt.

3. Befülle die Spalte:

   Wähle unter Layout die Anzahl der Spalten, welche die Zeile haben soll.

   Wähle alternativ unter Meine Zeilen eine von dir gespeicherte Vorlage aus.