# 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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.openspaces.design/german/plain-jane-interactive/sections-and-features.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.