Sie können jeden Abschnitt Ihrer Website an Ihren Stil anpassen – legen Sie fest, wie er angezeigt wird, ändern Sie den Hintergrund (Farbe, Muster, Bilder oder Video), fügen Sie visuelle Effekte hinzu und erstellen Sie mit Shape Dividers (Formtrennern) fließende Übergänge zwischen Abschnitten.
So bearbeiten Sie einen Abschnitt:
- Gehen Sie zu dem Abschnitt, den Sie ändern möchten.
- Klicken Sie im Abschnitt auf das Zahnrad-Symbol.
- Wählen Sie einen der verfügbaren Tabs: Einstellungen, Hintergrund oder Shape Dividers (je nach Layout sind unterschiedliche Optionen verfügbar).
Abschnittseinstellungen
Der Tab „Einstellungen“ steuert, wie der Abschnitt aussieht und sich verhält.
Hinweis: Die verfügbaren Einstellungen hängen vom Seitentyp und dem gewählten Layout ab.
Häufige Einstellungen
- Abschnittstitel anzeigen/ausblenden
Blendet den Abschnittstitel ein oder aus.
- Anzahl der Elemente pro Zeile
Wählen Sie, wie viele Elemente pro Zeile angezeigt werden.
Nur verfügbar auf Seiten mit untergeordneten Elementen und in bestimmten Layouts.
- Layout-Box-Farbe
Legen Sie die Hintergrundfarbe der Textbox fest.
Nur verfügbar in Layouts, die eine Textbox enthalten.
- Mobile Anzeige
Steuern Sie, wie der Abschnitt auf Mobilgeräten angezeigt wird.
Nur verfügbar auf Seiten mit untergeordneten Elementen und in bestimmten Layouts.
Einstellungen für Startseite und Promo-Seite
Startseiten 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 angezeigt wird.
Nur in bestimmten Layouts verfügbar.
- Bildanimation (Parallax)
Fügen Sie dem Hintergrundbild eine Scroll-Animation hinzu.
Nur in bestimmten Layouts verfügbar.
- Box-Stil
Fügen Sie der Textbox einen Rahmen hinzu.
Nur in Layouts mit Textboxen verfügbar.
Abschnittshintergrund
Im Tab „Hintergrund“ können Sie den Abschnittshintergrund mit einer Farbe, einem Muster, einem Bild oder einem Video gestalten.
Hinweis: Hintergrundoptionen sind nur in bestimmten Layouts verfügbar.
Hintergrundfarbe (Pinsel-Symbol)
Verwenden Sie das Pinsel-Symbol, um eine Hintergrundfarbe für den Abschnitt auszuwählen.
Muster (Raster-Symbol)
Verwenden Sie das Raster-Symbol, um ein Muster hinzuzufügen, und passen Sie 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 kontrastierende Variante der Primärfarbe
- Mono: ein einfarbiges Muster
- Form-Deckkraft
Legt fest, wie transparent die Muster-Elemente sind.
- Animieren + Animationsgeschwindigkeit
Aktivieren Sie die Muster-Animation und passen Sie deren Geschwindigkeit an.
Hintergrundbild (Bild-Symbol)
Verwenden Sie das Bild-Symbol, um ein Hintergrundbild aus der Bibliothek hinzuzufügen oder Ihr eigenes hochzuladen, und passen Sie dann Folgendes an:
- Deckkraft
Steuert die Transparenz des Bildes.
- Effekt
Wählen Sie, wie das Bild dargestellt wird: Normal, Unscharf oder Künstlerisch Schwarzweiß.
- Parallax
Fügt dem Hintergrundbild eine Scroll-Animation hinzu. Sie können aus einer Liste von Richtungen wählen, z. B. Nach oben, Nach unten, Nach oben links, Nach unten rechts und mehr.
Nur verfügbar, wenn der Bildstil „Cover“ verwendet wird. - 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 erscheint.
Nur verfügbar für die Stile „Duplizieren“ und „Enthalten“.
- Textfarbe
Legt die Textfarbe für diesen Abschnitt fest (hilfreich für bessere Lesbarkeit über Bildern).
Hintergrundvideo (Videokamera-Symbol)
Verwenden Sie das Videokamera-Symbol, um ein Video aus der Bibliothek hinzuzufügen oder Ihr eigenes hochzuladen, und passen Sie dann Folgendes an:
- Deckkraft
- Effekt: Normal, Unscharf oder Künstlerisch Schwarzweiß
- Textfarbe
Shape Dividers zwischen Abschnitten
Verwenden Sie Shape Dividers, um einen fließenden, gestalteten Übergang zwischen Abschnitten zu erstellen.
- Öffnen Sie das Menü über das Zahnrad-Symbol des Abschnitts.
- Gehen Sie zu „Shape Dividers“.
- Wählen Sie einen Trenner-Stil aus.
- 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 stimmigeren visuellen Übergang können Sie zusätzlich auch im darüberliegenden Abschnitt einen Trenner hinzufügen.
Hinweis
Abschnittseinstellungen, Hintergrunddesign und Shape Dividers sind derzeit für den E-Commerce-Store nicht verfügbar.
