---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen"
locale: de
meta:
  "og:title": "Academy Article"
---

[Zur Startseite](https://academy.laioutr.com/)

- [Apps](https://academy.laioutr.com/bereiche/apps)

- [Apps nutzen](https://academy.laioutr.com/leitfaeden/apps-nutzen)

- [Echte Daten in Studio prüfen](https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen)

# Echte Daten in Studio prüfen

Studio zeigt in der Vorschau echte Daten aus den angebundenen Apps. Auf dynamischen Seiten wie der Produktdetailseite wählt das Feld Preview Data, welches Produkt die Vorschau zeigt.

## Bevor du startest

<dl>

<dt>Tarif</dt>
<dd>Jeder Laioutr-Plan</dd>

<dt>Rolle</dt>
<dd>Zugriff auf Studio im Projekt</dd>

<dt>Dauer</dt>
<dd>5 Min.</dd></dl>

### Voraussetzungen

- Commerce- oder CMS-App installiert und konfiguriert
- Umgebung nach dem Speichern der Einstellungen deployt

Zuletzt geprüft am 15. Oktober 2026

Nach dem Einrichten einer App zeigt sich in Studio, ob die Verbindung trägt: Produktlisten, Produktdetailseiten, Kategorien und Menüs füllen sich mit echten Namen, Preisen und Bildern aus dem angebundenen System. Orchestr liefert die Daten im einheitlichen Datenmodell, die Sections und Blocks stellen sie dar.

Eine dynamische Seite wie die **Product Detail Page** ist eine Seitenkonfiguration für viele Produkte. Unterstützt die App das, zeigt der Eigenschaftenbereich der Seite das Feld **Preview Data** mit dem Produkt, Artikel oder Rezept, das gerade in der Vorschau steht. Eine durchsuchbare Liste wechselt zu einem anderen Eintrag. Die Auswahl gilt nur für die laufende Studio-Sitzung und ändert nichts an der Storefront.

Auch Link-Felder nutzen die Daten der App: Erst den Seitentyp wählen, dann eine konkrete Seite aus einer Liste mit Suche und Vorschaubild, statt einen Slug aus dem Shop-Admin zu kopieren.

## Schritt für Schritt

1. 1 ### Schritt 1: Studio öffnen

   Studio aus der Seitenleiste des Projekts öffnen und in der oberen Leiste prüfen, welche Umgebung bearbeitet wird.
2. 2 ### Schritt 2: Dynamische Seite wählen

   Im Layers-Baum eine dynamische Seite öffnen, zum Beispiel die **Product Detail Page**. Studio wählt automatisch ein erstes Produkt.
3. 3 ### Schritt 3: Preview Data prüfen

   Die Seite auswählen und im Eigenschaftenbereich das Feld **Preview Data** öffnen. Über die Suche ein anderes Produkt wählen.
4. 4 ### Schritt 4: Section prüfen

   Eine Section mit Shopdaten auswählen, etwa eine Produktliste, und im Eigenschaftenbereich die Abfrage prüfen, zum Beispiel die gewählte Kategorie.
5. 5 ### Schritt 5: Link-Feld testen

   In einem Link-Feld einen Seitentyp und danach eine konkrete Seite aus der Liste wählen. Fehlt die Seite, **Enter params manually** nutzen.

## Ergebnis prüfen

Die Vorschau zeigt Produktnamen, Preise und Bilder, die mit dem Admin des Shops übereinstimmen, und **Preview Data** nennt das Produkt, das gerade sichtbar ist.

## Häufige Fragen

Warum fehlt das Feld Preview Data?

Die App, die den Seitentyp liefert, listet ihre Seiten nicht. Die Seite lässt sich trotzdem in der Vorschau ansehen, die Instanz wird dann über die Vorschau-URL gesetzt.

Ändert die Auswahl in Preview Data die Live-Seite?

Nein. Die Auswahl gilt nur für die Studio-Sitzung und wird nie in der Projektkonfiguration gespeichert.

Die Vorschau zeigt keine Shopdaten. Was prüfen?

Unter **Configuration** müssen alle Sections der App **Complete** zeigen, der Verbindungstest muss gelingen, und die Umgebung muss nach dem Speichern deployt worden sein.

## Passend dazu

- [Sections mit Shopdaten füllen](https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen)7 Min.

  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.
- [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.
- [Zugangsdaten eintragen und Verbindung testen](https://academy.laioutr.com/artikel/zugangsdaten-eintragen-und-verbindung-testen)5 Min.

  Zugangsdaten einer App werden je Umgebung unter Configuration eingetragen, mit Test connection geprüft und mit Save settings gespeichert. Wirksam werden sie mit dem nächsten Deployment.
- [Studio im Überblick](https://academy.laioutr.com/artikel/studio-im-ueberblick)5 Min.

  Studio ist der visuelle Editor im Cockpit: Dort baut das Team Seiten aus Sections und Blocks, sieht jede Änderung in einer Live-Vorschau der echten Storefront und veröffentlicht, wenn alles passt.
- [Produktdetailseite und Datenblatt gestalten](https://academy.laioutr.com/artikel/produktdetailseite-und-datenblatt-gestalten)7 Min.

  Die Produktdetailseite ist in Studio eine Vorlage für alle Produkte: links die Bildergalerie, rechts die Buy Box aus Blöcken wie Titel, Preis, Variantenauswahl und In den Warenkorb, darunter optional ein Datenblatt. Inhalte wie Bilder, Varianten, Preise und Spezifikationen liefert die Commerce-App über Orchestr.

## In einer Lektion lernen

- [Was Apps liefern und wo sie konfiguriert werden](https://academy.laioutr.com/lektionen/foundations-was-apps-liefern)9 Min.
- [Echte Daten in Studio prüfen](https://academy.laioutr.com/lektionen/live-gang-echte-daten-pruefen)5 Min.
- [Commerce-Apps anbinden](https://academy.laioutr.com/lektionen/entwickler-commerce-apps-anbinden)12 Min.

## [Apps nutzen](https://academy.laioutr.com/leitfaeden/apps-nutzen)

In diesem Leitfaden suchen

1. [Apps finden, installieren und konfigurieren](https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren)6 Min.
2. [Zugangsdaten eintragen und Verbindung testen](https://academy.laioutr.com/artikel/zugangsdaten-eintragen-und-verbindung-testen)5 Min.
3. [Echte Daten in Studio prüfen](https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen)5 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/echte-daten-in-studio-pruefen#webpage",
      "name": "Academy Article",
      "url": "https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen",
      "@type": [
        "WebPage",
        "FAQPage"
      ],
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "mainEntity": [
        {
          "@id": "https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen#/schema/question/1"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen#/schema/question/2"
        },
        {
          "@id": "https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen#/schema/question/3"
        }
      ],
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Apps",
          "item": "https://academy.laioutr.com/bereiche/apps",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Apps nutzen",
          "item": "https://academy.laioutr.com/leitfaeden/apps-nutzen",
          "position": 3
        },
        {
          "@type": "ListItem",
          "name": "Echte Daten in Studio prüfen",
          "item": "https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen",
          "position": 4
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen#/schema/question/1",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Warum fehlt das Feld Preview Data?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Die App, die den Seitentyp liefert, listet ihre Seiten nicht. Die Seite lässt sich trotzdem in der Vorschau ansehen, die Instanz wird dann über die Vorschau-URL gesetzt.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen#/schema/question/2",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Ändert die Auswahl in Preview Data die Live-Seite?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Nein. Die Auswahl gilt nur für die Studio-Sitzung und wird nie in der Projektkonfiguration gespeichert.</p>"
      }
    },
    {
      "@id": "https://academy.laioutr.com/artikel/echte-daten-in-studio-pruefen#/schema/question/3",
      "@type": "Question",
      "inLanguage": "de",
      "name": "Die Vorschau zeigt keine Shopdaten. Was prüfen?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "<p>Unter <strong>Configuration</strong> müssen alle Sections der App <strong>Complete</strong> zeigen, der Verbindungstest muss gelingen, und die Umgebung muss nach dem Speichern deployt worden sein.</p>"
      }
    }
  ]
}
```