> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dc.ag/llms.txt
> Use this file to discover all available pages before exploring further.

# dynamic content - Kollektionsvorschau anzeigen

> Ausgewählte Kollektionseinträge in einer Vorschau auf einer Seite anzeigen lassen.

In folgendem zeigen wir Ihnen, wie Sie eine Kollektionsvorschau erstellen.

Im Gegensatz zu dem "Kollektion"-Modul werden dadurch nicht alle, sondern nur ausgewählte Kollektionseinträge angezeigt. Dies verwendet man beispielsweise, um die gerade laufenden Aktionen oder die neusten News-Beitrag auf der Startseite hervorzuheben.

Um dieses Modul verwenden zu können, müssen Sie vorher eine Kollektion erstellt haben. Außerdem sollten die Kollektion bereits einer anderen Seite zugewiesen sein. Es ist auch von Vorteil, wenn bereits einige Kollektionseinträge gepflegt sind.

<Note>
  Diese Anleitung gehört zu den [Inhaltsarten](/docs/de/dynamic-content/user-guide/inhaltsarten). Wie Sie generell einen Inhalt erstellen, zeigen wir Ihnen unter [Inhalte erstellen und bearbeiten](/docs/de/dynamic-content/user-guide/inhalte-erstellen).
</Note>

<Info>
  Beachten Sie bitte, dass wir Ihnen hier nur erklären, wie das Kollektionsvorschau-Modul funktioniert. Dies setzt voraus, dass Sie eine Seite erstellt haben, auf der der Inhalt angezeigt werden kann. Außerdem wird vorausgesetzt, dass Sie bereits in dem Fenster zur Erstellung eines Inhalts angekommen sind.
</Info>

<Steps>
  <Step>
    ## Schritt 1: Auswählen der Inhaltsart "Kollektion Vorschau"

    Wählen Sie zuerst bei der Erstellung eines Inhalts den Inhaltstyp "Kollektion Vorschau" aus.

    Schon sollte sich ein Fenster mit der Überschrift "Kollektion Vorschau verknüpfen" öffnen. In diesem können Sie die Einstellungen zu Ihrer Kollektionsvorschau treffen.

    In unserem Beispiel befinden wir uns auf der Startseite unserer Webseite. Hier wollen wir die unsere Aktionen anzeigen lassen, die es gerade für den Webshop gibt. Dafür haben wir bereits eine Kollektion erstellt und dort als Kollektionseinträge die drei laufenden Aktionen gepflegt.

    <Frame>
      <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/kollektionsvorschau/step1-inhaltsart-auswaehlen.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=5295726cdeaedeb9afb2a1fcd936723d" alt="Auswahl der Inhaltsart Kollektion Vorschau" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/kollektionsvorschau/step1-inhaltsart-auswaehlen.png" />
    </Frame>
  </Step>

  <Step>
    ## Schritt 2: Kollektionstyp wählen

    In dem gerade geöffneten Fenster wählen Sie zuerst einen Kollektionstyp bzw. eine Kollektion aus dem dazugehörigen Drop-Down aus. Danach wählen Sie in dem Drop-Down "Seite mit Kollektionsliste" die Seite aus, welcher Sie die gesamte Kollektion zugewiesen haben.

    Für unser Beispiel wählen wir also als Kollektionstyp die Kollektion "Aktionen" aus. Die Kollektionsliste befindet sich auf der Seite "Aktionen", weswegen wir diese auch in dem zweiten Feld auswählen.

    <Columns cols={3}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/kollektionsvorschau/step2-kollektion-vorschau-fenster.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=07bc4d7dca592c1644171964b36c12d7" alt="Fenster Kollektion Vorschau verknüpfen" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/kollektionsvorschau/step2-kollektion-vorschau-fenster.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/kollektionsvorschau/step2-kollektionstyp-auswahl.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=0c7c8c12b8a6ac0846c8943f70c4a54f" alt="Auswahl des Kollektionstyps" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/kollektionsvorschau/step2-kollektionstyp-auswahl.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/kollektionsvorschau/step2-seite-mit-kollektionsliste.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=e8dddf432a6110446d3c7aafc5713c3b" alt="Auswahl der Seite mit Kollektionsliste" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/kollektionsvorschau/step2-seite-mit-kollektionsliste.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>

  <Step>
    ## Schritt 3: Vorschautyp wählen

    Nun wählen Sie noch den Vorschautyp über das gleichnamige Drop-Down aus. Hier haben Sie verschiedene Optionen, welche meist für Sie angepasst wurden.

    In unserem Beispiel haben wir uns für den Vorschautyp "Kollektion Liste" entschieden, da eben mehrere Aktionen in einer Liste angezeigt werden sollen. Bei der Anzahl der Elemente legen wir 3 fest, da wir derzeit drei laufende Aktionen als Kollektionseinträge gepflegt haben.

    Zum Schluss speichern Sie das Ganze noch und somit ist die Kollektionsvorschau auch schon erstellt.

    <Columns cols={3}>
      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/kollektionsvorschau/step3-vorschautyp.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=a11ad2e7611ad42cb022a796971efafc" alt="Auswahl des Vorschautyps Kollektion Liste" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/kollektionsvorschau/step3-vorschautyp.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/kollektionsvorschau/step3-anzahl-elemente.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=e424a5830ddea30033de797fae5b877c" alt="Festlegen der Anzahl der Elemente" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/kollektionsvorschau/step3-anzahl-elemente.png" />
        </Frame>
      </Column>

      <Column>
        <Frame>
          <img src="https://mintcdn.com/dcag/DlKD43HGX8h1zbMf/images/dynamic-content/inhaltsarten/kollektionsvorschau/step3-speichern.png?fit=max&auto=format&n=DlKD43HGX8h1zbMf&q=85&s=98c59cb2007a58827f034719ae120e16" alt="Speichern der Kollektionsvorschau" width="1080" height="643" data-path="images/dynamic-content/inhaltsarten/kollektionsvorschau/step3-speichern.png" />
        </Frame>
      </Column>
    </Columns>
  </Step>
</Steps>

## Verwandte Themen

<CardGroup cols={2}>
  <Card title="Inhaltsarten" icon="shapes" href="/docs/de/dynamic-content/user-guide/inhaltsarten">
    Übersicht aller verfügbaren Module.
  </Card>

  <Card title="Inhalte erstellen und bearbeiten" icon="pen-to-square" href="/docs/de/dynamic-content/user-guide/inhalte-erstellen">
    Inhalte auf Seiten anlegen.
  </Card>

  <Card title="Kollektionen anzeigen" icon="folder-tree" href="/docs/de/dynamic-content/user-guide/inhaltsarten/kollektionen-anzeigen">
    Komplette Kollektionen auf einer Seite einbinden.
  </Card>

  <Card title="Artikelvorschau" icon="tag" href="/docs/de/dynamic-content/user-guide/inhaltsarten/artikelvorschau">
    Ausgewählte Webshop-Artikel in einer Scrollbar anzeigen.
  </Card>
</CardGroup>
