Sie können jeden Abschnitt Ihrer Website an Ihren Stil anpassen – ändern Sie die Darstellung, passen Sie den Hintergrund an (Farben, Muster, Bilder oder Video), fügen Sie visuelle Effekte hinzu und erstellen Sie mithilfe von Formen-Trennern fließende Übergänge zwischen den Abschnitten.
So bearbeiten Sie einen Abschnitt:
- Gehen Sie zu dem Abschnitt, den Sie ändern möchten.
- Klicken Sie auf das Zahnrad-Symbol im Abschnitt.
- Wählen Sie einen der verfügbaren Tabs: Einstellungen, Hintergrund oder Formen-Trenner (Optionen variieren je nach Layout).
Abschnittseinstellungen
Im Tab „Einstellungen“ steuern Sie, wie der Abschnitt aussieht und sich verhält.
Hinweis: Welche Einstellungen verfügbar sind, hängt vom Seitentyp und dem ausgewählten Layout ab.
Häufige Einstellungen
- Abschnittstitel anzeigen/ausblenden
Blendet den Abschnittstitel ein oder aus.
- Anzahl der Elemente pro Zeile
Legen Sie fest, wie viele Elemente pro Zeile angezeigt werden.
Nur verfügbar auf Seiten mit Unterelementen und in bestimmten Layouts.
- Farbe des Layout-Textfelds
Legen Sie die Hintergrundfarbe des Textfelds fest.
Nur verfügbar in Layouts, die ein Textfeld enthalten.
- Mobile Ansicht
Steuern Sie, wie der Abschnitt auf Mobilgeräten angezeigt wird.
Nur verfügbar auf Seiten mit Unterelementen und in bestimmten Layouts.
Einstellungen für Startseite und Promo-Seite
Startseite und Promo-Seiten enthalten zusätzliche, abschnittsspezifische Optionen:
- Textposition
Wählen Sie, wo der Text erscheint (Richtung/Ausrichtung).
- Mindesthöhe
Legen Sie die Abschnittshöhe fest (30 %–100 %).
- Bildbreite
Steuern Sie, wie ein Bild dargestellt wird.
Nur in bestimmten Layouts verfügbar.
- Bildanimation (Parallax)
Fügen Sie dem Hintergrundbild eine Scroll-Animation hinzu.
Nur in bestimmten Layouts verfügbar.
- Kastenstil
Fügen Sie dem Textfeld einen Rahmen hinzu.
Nur in Layouts mit Textfeldern verfügbar.
Abschnittshintergrund
Im Tab „Hintergrund“ gestalten Sie den Abschnittshintergrund mit einer Farbe, einem Muster, einem Bild oder einem Video.
Hinweis: Hintergrundoptionen sind nur in bestimmten Layouts verfügbar.
Hintergrundfarbe (Pinsel-Symbol)
Mit dem Pinsel-Symbol wählen Sie eine Hintergrundfarbe für den Abschnitt.
Muster (Raster-Symbol)
Mit dem Raster-Symbol fügen Sie ein Muster hinzu und passen es anschließend an:
- Layout-Hintergrundfarbe
Ändert die Hintergrundfarbe unter dem Muster.
- Farbthema
Legt den Farbstil des Musters fest:- Primär: Varianten der Primärfarben Ihrer Website
- Kontrast: eine kontrastreiche Variante der Primärfarbe
- Mono: ein einfarbiges Muster
- Form-Deckkraft
Steuert, wie transparent die Musterelemente sind.
- Animieren + Animationsgeschwindigkeit
Aktivieren Sie die Musteranimation und passen Sie die Geschwindigkeit an.
Hintergrundbild (Bild-Symbol)
Mit dem Bild-Symbol fügen Sie ein Hintergrundbild aus der Bibliothek hinzu oder laden Ihr eigenes hoch und passen es dann an:
- Deckkraft
Steuert die Transparenz des Bildes.
- Effekt
Wählen Sie, wie das Bild erscheinen soll: Normal, Unscharf oder Künstlerisch Schwarz-Weiß.
- Parallax
Fügt dem Hintergrundbild eine Scroll-Animation hinzu.
Nur verfügbar bei Verwendung des Bildstils „Cover“.
- Stil
Wählen Sie, wie das Bild den Abschnitt füllt:- Cover: füllt den Abschnitt
- Duplizieren: wiederholt das Bild im Hintergrund
- Enthalten: platziert das Bild innerhalb eines bestimmten Bereichs
- Position
Legt fest, wo das Bild angezeigt wird.
Nur für die Stile „Duplizieren“ und „Enthalten“ verfügbar.
- Textfarbe
Legt die Textfarbe für diesen Abschnitt fest (hilfreich für bessere Lesbarkeit über Bildern).
Hintergrundvideo (Videokamera-Symbol)
Mit dem Videokamera-Symbol fügen Sie ein Video aus der Bibliothek hinzu oder laden Ihr eigenes hoch und passen es anschließend an:
- Deckkraft
- Effekt: Normal, Unscharf oder Künstlerisch Schwarz-Weiß
- Textfarbe
Formen-Trenner zwischen Abschnitten
Mit Formen-Trennern erstellen Sie einen fließenden, stilvollen Übergang zwischen Abschnitten.
- Öffnen Sie das Menü über das Zahnrad-Symbol des Abschnitts.
- Gehen Sie zu „Formen-Trenner“.
- Wählen Sie einen Trenner-Stil.
- Passen Sie die Größe über den Schieberegler „Höhe“ an.
Der Trenner wird am unteren Rand des ausgewählten Abschnitts hinzugefügt. Für einen durchgängigen visuellen Übergang können Sie auch im darüberliegenden Abschnitt einen Trenner hinzufügen.
Hinweis
Abschnittseinstellungen, Hintergrunddesign und Formen-Trenner sind derzeit für den E-Commerce-Shop nicht verfügbar.
