🧩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
SeitenVorlagen 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: [email protected]
💻 Chatten Sie live mit uns: Verfügbar Montag–Freitag, 10:00–18:00 EST, direkt auf unserer Website
Zuletzt aktualisiert