---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen"
locale: de
meta:
"og:title": "Academy Article"
---
[Zur Startseite](https://academy.laioutr.com/)
- [Studio](https://academy.laioutr.com/bereiche/studio)
- [Seiten bauen](https://academy.laioutr.com/leitfaeden/seiten-bauen)
- [Sections mit Shopdaten füllen](https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen)
# Sections mit Shopdaten füllen
Sections mit einem Datenfeld zeigen Produkte, Kategorien oder Beiträge aus den angebundenen Systemen. Das Team wählt in Studio eine Datenabfrage, stellt Eingabe, Anzahl und Sortierung ein, und Orchestr liefert die Daten beim Rendern.
## Bevor du startest
- Tarif
- Alle Pläne
- Rolle
- Mitglied mit Zugriff auf das Projekt und Recht, Projektinhalte zu bearbeiten
- Dauer
- 7 Min.
### Voraussetzungen
- Eine Commerce- oder CMS-App ist installiert und verbunden
- Eine Section mit Datenfeld, etwa ein Produktslider
Zuletzt geprüft am 15. Oktober 2026
Produktslider, Produktlisten, Kategorie-Teaser oder Blog-Übersichten zeigen keine abgetippten Inhalte, sondern Live-Daten. Dafür haben diese Sections ein **Datenfeld** (Query). Im Datenfeld wählt das Team eine **Datenabfrage**, zum Beispiel die Produkte einer Kategorie oder ein einzelnes Produkt. Ein Icon zeigt, welche App die Daten liefert.
Beim Rendern löst **Orchestr**, die Datenschicht von Laioutr, die Abfrage auf und lädt genau die Daten, die die Section braucht. Studio speichert nur die Abfrage, nie eine Kopie der Produktdaten. Preise, Bestände und Bilder bleiben so immer aktuell, auch wenn sie aus mehreren Systemen stammen.
Auf dynamischen Seiten wie Produktdetail oder Produktliste gibt es zusätzlich **Seitenabfragen**, die den Parameter aus der URL nutzen. Sections, die daran gebunden sind, folgen automatisch dem aufgerufenen Produkt oder der Kategorie. Studio hebt solche Bindungen hervor.
Im Abfrage-Editor lassen sich Bezeichnung, Anzahl, URL-Alias, Eingaberegeln und Sortierung einstellen. Auch Link- und Medienfelder sowie SEO-Titel und Beschreibung können Werte aus einem Abfrageergebnis übernehmen.
## Schritt für Schritt
1. 1 ### Schritt 1: Section mit Datenfeld einfügen
Eine Section wie einen Produktslider über **Add section** einfügen und auswählen.
2. 2 ### Schritt 2: Datenabfrage wählen
In der Gruppe **Content** das Datenfeld öffnen, etwa **Products**, und eine Abfrage wählen. Das App-Icon zeigt die Datenquelle.
3. 3 ### Schritt 3: Eingabe festlegen
Die Eingabe der Abfrage setzen, zum Beispiel eine Kategorie, einen Suchbegriff oder ein Produkt aus der durchsuchbaren Liste.
4. 4 ### Schritt 4: Anzahl und Sortierung einstellen
Im Abfrage-Editor die Anzahl der Ergebnisse begrenzen und bei Bedarf eine Sortierung wählen.
5. 5 ### Schritt 5: An die Seitenabfrage binden
Auf Produktdetail- oder Produktlistenseiten das Datenfeld an die Seitenabfrage binden, damit die Section dem Produkt oder der Kategorie aus der URL folgt.
6. 6 ### Schritt 6: Mit Vorschaudaten prüfen
In den Seiteneigenschaften unter **Preview Data** ein anderes Produkt wählen und die Darstellung prüfen. Die Auswahl gilt nur für die aktuelle Studio-Sitzung.
7. 7 ### Schritt 7: Speichern
Mit **Save** sichern.
## Ergebnis prüfen
Die Section zeigt in der Vorschau echte Produkte mit aktuellen Preisen und Bildern. Nach einem Wechsel der Vorschaudaten oder des Markts passen sich die Inhalte an.
## Häufige Fragen
Warum bleibt die Section leer?
Häufige Gründe: Im Datenfeld ist keine Abfrage gewählt, die Eingabe liefert keine Treffer oder die App ist für den gewählten Markt nicht verbunden. Abfrage, Eingabe und Markt in der oberen Leiste prüfen.
Werden Produktdaten in Studio kopiert?
Nein. Studio speichert nur die Abfrage. Orchestr lädt die Daten beim Rendern aus den angebundenen Systemen und hält sie über einen Cache schnell verfügbar.
Gilt eine Abfrage für alle Sprachen?
Ja, Abfragen sind nicht übersetzbar. Die angebundene App liefert die Daten aber passend zu Markt und Sprache, etwa übersetzte Produktnamen und die richtige Währung.
Können Daten aus mehreren Systemen kombiniert werden?
Ja. Orchestr setzt ein Produkt aus mehreren Quellen zusammen, etwa Basisdaten aus dem Shop und Preise aus dem ERP. Die Section merkt davon nichts.
## Passend dazu
- [Wie Daten in Laioutr fließen](https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen)5 Min.
Studio legt fest, wie eine Seite aufgebaut ist, und Orchestr holt die Daten dafür serverseitig aus den angebundenen Systemen wie Shop, CMS oder ERP und setzt sie zu einem einheitlichen Datenmodell zusammen.
- [Seitentyp-Rezepte: Home, Produktliste, Produktdetail, Content](https://academy.laioutr.com/artikel/seitentyp-rezepte-home-produktliste-produktdetail-content)6 Min.
Für die wichtigsten Seitentypen gibt es bewährte Rezepte: welcher Pfad gilt, welche Daten die Seite lädt und welche Sections sie typischerweise enthält. Die Übersicht hilft, eine Storefront vollständig und konsistent aufzubauen.
- [Produktkacheln und Produktslider einsetzen](https://academy.laioutr.com/artikel/produktkacheln-und-produktslider-einsetzen)5 Min.
Produktkacheln zeigen ein Produkt mit Bild, Marke, Titel, Preis, Labels, Farbvarianten und optionalem Warenkorb-Button; der Product Slider reiht solche Kacheln horizontal auf, zum Beispiel für Neuheiten oder passende Produkte. Welche Produkte erscheinen, kommt aus einer Abfrage an die angebundene Commerce-App.
- [Produktlisten mit Filter und Sortierung einrichten](https://academy.laioutr.com/artikel/produktlisten-mit-filter-und-sortierung-einrichten)6 Min.
Eine Produktliste entsteht in Studio aus Product Listing Grid, Filter Bar und Sortierung; Produkte, Filter und Sortieroptionen liefert die angebundene Commerce-App über Orchestr. Welche Filter erscheinen, hängt davon ab, was das Backend bereitstellt.
- [Apps finden, installieren und konfigurieren](https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren)6 Min.
Apps stehen im Cockpit unter Apps als Katalog bereit, werden je Umgebung installiert und unter Configuration eingerichtet. Die Storefront nutzt sie ab dem nächsten Deployment.
## In einer Lektion lernen
- [Sections und Blocks einsetzen, verschieben, füllen](https://academy.laioutr.com/lektionen/foundations-sections-und-blocks)10 Min.
- [Eigene Sections und Blocks definieren](https://academy.laioutr.com/lektionen/entwickler-eigene-sections-und-blocks)14 Min.
- [Sections mit Shopdaten füllen](https://academy.laioutr.com/lektionen/live-gang-sections-mit-shopdaten)7 Min.
## [Seiten bauen](https://academy.laioutr.com/leitfaeden/seiten-bauen)
In diesem Leitfaden suchen
1. [Studio im Überblick](https://academy.laioutr.com/artikel/studio-im-ueberblick)5 Min.
2. [Seiten und Varianten aus Seitentypen anlegen](https://academy.laioutr.com/artikel/seiten-und-varianten-aus-seitentypen-anlegen)6 Min.
3. [Sections und Blocks einsetzen](https://academy.laioutr.com/artikel/sections-und-blocks-einsetzen)7 Min.
4. [Sections finden: Bibliothek, Growth Kits, Tags und Suche](https://academy.laioutr.com/artikel/sections-finden-bibliothek-growth-kits-tags-suche)4 Min.
5. [Globale Sections für Header, Footer und wiederkehrende Inhalte](https://academy.laioutr.com/artikel/globale-sections-fuer-header-footer-und-mehr)5 Min.
6. [Sections mit Shopdaten füllen](https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen)7 Min.
7. [Landingpage aus vorhandenen Sections bauen](https://academy.laioutr.com/artikel/landingpage-aus-vorhandenen-sections-bauen)10 Min.
8. [Kampagnen mit Varianten steuern](https://academy.laioutr.com/artikel/kampagnen-mit-varianten-steuern)7 Min.
9. [Seitentyp-Rezepte: Home, Produktliste, Produktdetail, Content](https://academy.laioutr.com/artikel/seitentyp-rezepte-home-produktliste-produktdetail-content)6 Min.
## Structured Data
```json
{
"@context": "https://schema.org",
"@graph": [
{
"@id": "https://academy.laioutr.com/#website",
"@type": "WebSite",
"inLanguage": "de",
"name": "Default",
"url": "https://academy.laioutr.com/",
"workTranslation": {
"@id": "https://academy.laioutr.com/#website"
}
},
{
"@id": "https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen#webpage",
"name": "Academy Article",
"url": "https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen",
"@type": [
"WebPage",
"FAQPage"
],
"breadcrumb": {
"@id": "https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen#breadcrumb"
},
"isPartOf": {
"@id": "https://academy.laioutr.com/#website"
},
"mainEntity": [
{
"@id": "https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen#/schema/question/1"
},
{
"@id": "https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen#/schema/question/2"
},
{
"@id": "https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen#/schema/question/3"
},
{
"@id": "https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen#/schema/question/4"
}
],
"potentialAction": [
{
"@type": "ReadAction",
"target": [
"https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen"
]
}
]
},
{
"@id": "https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen#breadcrumb",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"name": "Home",
"item": "https://academy.laioutr.com/",
"position": 1
},
{
"@type": "ListItem",
"name": "Studio",
"item": "https://academy.laioutr.com/bereiche/studio",
"position": 2
},
{
"@type": "ListItem",
"name": "Seiten bauen",
"item": "https://academy.laioutr.com/leitfaeden/seiten-bauen",
"position": 3
},
{
"@type": "ListItem",
"name": "Sections mit Shopdaten füllen",
"item": "https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen",
"position": 4
}
]
},
{
"@id": "https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen#/schema/question/1",
"@type": "Question",
"inLanguage": "de",
"name": "Warum bleibt die Section leer?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Häufige Gründe: Im Datenfeld ist keine Abfrage gewählt, die Eingabe liefert keine Treffer oder die App ist für den gewählten Markt nicht verbunden. Abfrage, Eingabe und Markt in der oberen Leiste prüfen.
"
}
},
{
"@id": "https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen#/schema/question/2",
"@type": "Question",
"inLanguage": "de",
"name": "Werden Produktdaten in Studio kopiert?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Nein. Studio speichert nur die Abfrage. Orchestr lädt die Daten beim Rendern aus den angebundenen Systemen und hält sie über einen Cache schnell verfügbar.
"
}
},
{
"@id": "https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen#/schema/question/3",
"@type": "Question",
"inLanguage": "de",
"name": "Gilt eine Abfrage für alle Sprachen?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Ja, Abfragen sind nicht übersetzbar. Die angebundene App liefert die Daten aber passend zu Markt und Sprache, etwa übersetzte Produktnamen und die richtige Währung.
"
}
},
{
"@id": "https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen#/schema/question/4",
"@type": "Question",
"inLanguage": "de",
"name": "Können Daten aus mehreren Systemen kombiniert werden?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Ja. Orchestr setzt ein Produkt aus mehreren Quellen zusammen, etwa Basisdaten aus dem Shop und Preise aus dem ERP. Die Section merkt davon nichts.
"
}
}
]
}
```