---
title: "Academy Lesson"
canonical_url: "https://academy.laioutr.com/lektionen/foundations-sections-und-blocks"
locale: de
meta:
  "og:title": "Academy Lesson"
---

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

- [Foundations](https://academy.laioutr.com/lernpfade/foundations)

- [Sections und Blocks einsetzen, verschieben, füllen](https://academy.laioutr.com/lektionen/foundations-sections-und-blocks)

Sections und Blocks in Studio

# Sections und Blocks einsetzen, verschieben, füllen

10 Min.

Sections sind die großen Bereiche einer Seite, Blocks füllen ihre Slots. Diese Lektion zeigt, wie Sections aus der Bibliothek gefunden, eingesetzt, verschoben und mit Inhalten oder Shopdaten gefüllt werden. Welche Blocks in welchen Slot passen, legt die Section selbst fest.

## Das Wichtigste in Kürze

- Die Bibliothek lässt sich nach Tags und Growth Kits filtern.
- Jede Section legt fest, welche Blocks in ihre Slots passen.
- Sections lassen sich mit Shopdaten verbinden.

## Weiterlesen

- [Sections und Blocks einsetzen](https://academy.laioutr.com/artikel/sections-und-blocks-einsetzen)7 Min.

  Sections sind die großen Bereiche einer Seite in Header, Body oder Footer, Blocks sind Inhaltseinheiten in den Slots einer Section. Beide werden im Layers-Baum hinzugefügt und angeordnet und in den Properties bearbeitet.
- [Sections finden: Bibliothek, Growth Kits, Tags und Suche](https://academy.laioutr.com/artikel/sections-finden-bibliothek-growth-kits-tags-suche)4 Min.

  Der Dialog zum Hinzufügen einer Section ordnet alle installierten Sections nach Paketen, filtert nach Growth Kit und Tags und bietet eine Suche, damit die passende Section schnell gefunden ist.
- [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.

## 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/lektionen/foundations-sections-und-blocks#webpage",
      "@type": "WebPage",
      "name": "Academy Lesson",
      "url": "https://academy.laioutr.com/lektionen/foundations-sections-und-blocks",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/lektionen/foundations-sections-und-blocks#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/lektionen/foundations-sections-und-blocks"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/lektionen/foundations-sections-und-blocks#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Foundations",
          "item": "https://academy.laioutr.com/lernpfade/foundations",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Sections und Blocks einsetzen, verschieben, füllen",
          "item": "https://academy.laioutr.com/lektionen/foundations-sections-und-blocks",
          "position": 3
        }
      ]
    }
  ]
}
```