Abschnitte bearbeiten und gestalten

Sie können jeden Abschnitt Ihrer Website an Ihren Stil anpassen – ändern Sie die Darstellung, den Hintergrund (Farbe, Muster, Bilder oder Video), fügen Sie visuelle Effekte hinzu und erstellen Sie mithilfe von Formtrennern (Shape Dividers) fließende Übergänge zwischen Abschnitten.

So bearbeiten Sie einen Abschnitt:

1. Gehen Sie zu dem Abschnitt, den Sie ändern möchten.
2. Klicken Sie auf das Zahnradsymbol im Abschnitt.
3. Wählen Sie einen der verfügbaren Tabs: Einstellungen, Hintergrund oder Formtrenner (die Optionen variieren je nach Layout).

Abschnittseinstellungen

Im Tab „Einstellungen“ legen Sie fest, wie der Abschnitt aussieht und sich verhält. 
Hinweis: Die verfügbaren Einstellungen hängen vom Seitentyp und dem ausgewählten Layout ab.

Häufige Einstellungen

• Abschnittstitel anzeigen/ausblenden
  Blenden Sie 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 Unterelementen und in bestimmten Layouts.
  
  
• Farbe der Layout-Box
  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

Startseiten und Promo-Seiten enthalten zusätzliche, abschnittsspezifische Optionen:

• Textposition
  Wählen Sie, wo der Text angezeigt wird (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.
  
  
• Box-Stil
  Fügen Sie dem Textfeld einen Rahmen hinzu.
  Nur in Layouts mit Textfeldern 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 (Pinselsymbol)

Verwenden Sie das Pinselsymbol, 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
  Steuert, wie transparent die Musterelemente sind.
  
  
• Animation + Animationsgeschwindigkeit
  Aktivieren Sie die Musteranimation und passen Sie deren Geschwindigkeit an.

Hintergrundbild (Bildsymbol)

Verwenden Sie das Bildsymbol, um ein Hintergrundbild aus der Bibliothek hinzuzufügen oder Ihr eigenes hochzuladen, und passen Sie anschließend Folgendes an:

• Deckkraft
  Steuert die Transparenz des Bildes.
  
  
• Effekt
  Wählen Sie, wie das Bild angezeigt wird: Normal, Unscharf oder Künstlerisches Schwarz & Weiß.
  
  
• 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 weitere.
  Nur verfügbar, wenn der Bildstil „Cover“ verwendet wird.
• Stil
  Wählen Sie, wie das Bild den Abschnitt ausfüllt:
  • Cover: füllt den Abschnitt aus
  • Duplizieren: wiederholt das Bild über den Hintergrund
  • Enthalten: platziert das Bild innerhalb eines bestimmten Bereichs
    
    
• Position
  Legt fest, wo das Bild angezeigt wird.
  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 anschließend Folgendes an:

• Deckkraft
• Effekt: Normal, Unscharf oder Künstlerisches Schwarz & Weiß
• Textfarbe

Formtrenner zwischen Abschnitten

Mit Formtrennern erstellen Sie einen fließenden, stilvollen Übergang zwischen Abschnitten.

1. Öffnen Sie das Menü über das Zahnradsymbol des Abschnitts.
2. Gehen Sie zu „Formtrenner“.
3. Wählen Sie einen Trenner-Stil.
4. Verwenden Sie den Schieberegler „Höhe“, um die Größe anzupassen.

Der Trenner wird am unteren Rand des ausgewählten Abschnitts hinzugefügt. Für einen vollständigeren visuellen Übergang können Sie auch dem darüberliegenden Abschnitt einen Trenner hinzufügen.

Hinweis

Abschnittseinstellungen, Hintergrunddesign und Formtrenner sind derzeit für den E-Commerce-Shop nicht verfügbar.