---
title: "Academy Lesson"
canonical_url: "https://academy.laioutr.com/en/lektionen/go-live-fill-sections-with-shop-data"
locale: en
meta:
  "og:title": "Academy Lesson"
---

[Go to home](https://academy.laioutr.com/en)

- [From sign-up to go-live](https://academy.laioutr.com/en/lernpfade/from-sign-up-to-go-live)

- [Fill sections with shop data](https://academy.laioutr.com/en/lektionen/go-live-fill-sections-with-shop-data)

Design pages with Studio

# Fill sections with shop data

7 min

Product listings, sliders and product detail pages show data from the connected shop. This lesson shows how a section is connected to a data source, such as a category or a product selection, and how the preview shows real products right away. Without development, directly in Studio.

## Key takeaways

- Sections fetch data through Orchestr.
- A category or selection serves as the data source.
- The preview shows real products.

## Read more

- [Fill sections with shop data](https://academy.laioutr.com/en/artikel/fill-sections-with-shop-data)7 min

  Sections with a data field show products, categories or posts from connected systems. The team picks a data query in Studio, sets input, limit and sorting, and Orchestr delivers the data at render time.

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://academy.laioutr.com/#website",
      "@type": "WebSite",
      "inLanguage": "en",
      "name": "Default",
      "url": "https://academy.laioutr.com/",
      "translationOfWork": {
        "@id": "https://academy.laioutr.com/#website"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/lektionen/go-live-fill-sections-with-shop-data#webpage",
      "@type": "WebPage",
      "name": "Academy Lesson",
      "url": "https://academy.laioutr.com/en/lektionen/go-live-fill-sections-with-shop-data",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/en/lektionen/go-live-fill-sections-with-shop-data#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/en/lektionen/go-live-fill-sections-with-shop-data"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/en/lektionen/go-live-fill-sections-with-shop-data#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/en",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "From sign-up to go-live",
          "item": "https://academy.laioutr.com/en/lernpfade/from-sign-up-to-go-live",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Fill sections with shop data",
          "item": "https://academy.laioutr.com/en/lektionen/go-live-fill-sections-with-shop-data",
          "position": 3
        }
      ]
    }
  ]
}
```