# Abschnitte und Funktionen

## Übersicht über Abschnitte und Funktionen

### Was Sie lernen werden

🧱 Eine vollständige Liste flexibler, themen-eigener Abschnitte\
🎯 Wo und wie sie in Plain Jane und Interactive verwendet werden\
🔀 Wie sie mit immersiven oder traditionellen Layouts kombiniert werden

***

Plain Jane-Themes geben Ihnen Zugriff auf eine breite Palette wiederverwendbarer **Abschnitte** die gestapelt, gestaltet und neu angeordnet werden können, um dynamische Seiten zu erstellen. Diese funktionieren in allen Versionen — einschließlich *Plain Jane Starter*, *Interactive*, und *Standard*.

> 💡 Abschnitte können zu **jeder Seite** über den Shopify Theme Editor hinzugefügt werden — einschließlich Ihrer Startseite, benutzerdefinierten Seiten, Passwortseite und jetzt *innerhalb von Interactive Space-Layouts*.

***

### Unterstützte Abschnitte

Hier ein schneller Überblick darüber, was standardmäßig verfügbar ist:

* **Blog-Feed-Abschnitt**\
  Zeigen Sie aktuelle Blogbeiträge mit Vorschaubildern, Titeln und Beschreibungen an.
* **Sammlungsanzeige-Abschnitt**\
  Heben Sie eine bestimmte Kollektion mit optionalem Call-to-Action-Text und Buttons hervor.
* **Sammlungslisten-Abschnitt**\
  Zeigen Sie mehrere Kollektionen in einem Raster mit anpassbaren Layout-Optionen an.
* **E-Mail-Anmeldung (Popup)**\
  Zeigen Sie ein zeitgesteuertes oder exit-intent Modal zur E-Mail-Erfassung an.
* **E-Mail-Anmeldung (Einbettung)**\
  Betten Sie ein Anmeldeformular direkt in jeden Teil Ihres Layouts ein.
* **FAQ-Abschnitt**\
  Fügen Sie einklappbare Frage-und-Antwort-Inhalte hinzu — perfekt für Produktinformationen oder Support.
* **Hero-Abschnitt**\
  Vollbreiter Hero-Banner mit Textüberlagerung, Call-to-Action-Button und responsiven Steuerungen.
* **Bild-Auswahl-Abschnitt**\
  Präsentieren Sie Bilder mit benutzerdefinierten anklickbaren Zonen, die wie Links funktionieren (ideal für redaktionelle Inhalte).
* **Bildstrom-Abschnitt**\
  Erstellen Sie einen sich wiederholenden horizontalen Bildlauf mit Marken- oder Lifestyle-Aufnahmen.
* **Marquee-Abschnitt**\
  Fügen Sie automatisch scrollende Textleisten für Ankündigungen oder Aktionen hinzu.
* **Preloader-Abschnitt**\
  Erstellen Sie ein gebrandetes Ladebildschirm-Erlebnis für immersive Shops.
* **Produktkarussell-Abschnitt**\
  Präsentieren Sie Produkte in einer wischbaren Reihe mit optionaler Schnellansicht und Abzeichen.
* **Textblock-Abschnitt**\
  Fügen Sie gestylte Textblöcke mit Ausrichtungs-, Größen- und Abstandseinstellungen hinzu.
* **Video-Spotlight-Abschnitt**\
  Betten Sie ein vollbreites Video mit optionaler Autoplay-Funktion, Steuerungen und Beschriftungstext ein.
* **Blog-Artikel-Abschnitt**\
  Zeigen Sie Blogartikel in einem kartenbasierten Rasterlayout mit Einblend-Animationen und benutzerdefiniertem Styling an.
* **Blog-Hintergrund-Abschnitt**\
  Erstellen Sie immersive Blogseiten-Hintergründe mit Video, Bildern, Farbüberlagerungen und Verlaufs-Effekten.
* **Blog-Zeitzonen-Abschnitt (Uhr)**\
  Fügen Sie Blogseiten ein professionelles Uhren- und Logodisplay mit Echtzeitfunktionalität hinzu.
* **Interactive-Umgebungs-Abschnitt**\
  Erstellen Sie immersive, navigierbare Räume mit interaktiver Navigation, Hintergründen und Markenintegration.
* **Dynamischer Hintergrund-Abschnitt (Erweitert)**\
  Fortgeschrittenes Hintergrundsystem mit Diashow-Funktionalität, Schreibmaschineneffekten und anspruchsvollen Animationen.
* **Index Center Layout-Abschnitt**\
  Erstellen Sie eine ausgeklügelte, zentrierte Startseiten-Navigation mit interaktiven Effekten, Logo-Integration und Zeitzonenanzeige.

***

### Wo diese verwendet werden können

* 💻 **Startseite** — Bauen Sie Ihr vollständiges Landing-Erlebnis mit beliebiger Kombination dieser Elemente.
* 📄 **Benutzerdefinierte Seiten** — Stapeln Sie Abschnitte unter Ihren `Seiten` Vorlagen oder in Canvas-Seiten.
* 🔒 **Passwortseite** — Fügen Sie hier FAQs, E-Mail-Erfassung, Countdowns oder Videos hinzu.
* 🎮 **Interactive Space** — Kombinieren Sie traditionelle Abschnitte mit immersiven Touchpoint-Layouts.

> ⚠️ Nicht alle Abschnitte unterstützen Produktlinks oder Commerce-Funktionen. Verwenden Sie produktorientierte Abschnitte (wie Sammlungsanzeige oder Produktkarussell) für bereichsstarke Bereiche mit hoher Conversion.

### **Brauchen Sie Hilfe?**

* 💬 **Treten Sie unserer Community auf Discord bei:** <https://discord.gg/hcc2GvgZc6>
* 📧 **Schreiben Sie uns eine E-Mail an:** <support@openspaces.design>
* 💻 **Chatten Sie live mit uns:** Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website