Frontend

Die Daten sind nun also in unserer Datenbank. Jedoch wollen wir diese nicht nur speichern sondern auch im Frontend anzeigen. Wiederum unterstützt uns Tailor:

Schritt 1: Tailor-Komponente einfügen

Du kannst auf Components klicken und folgende Komponente auswählen:Tailor > Sammlung

Schritt 2: Tailor-Komponente konfigurieren

Um der Tailor-Komponente mitzuteilen, welche Liste diese anzeigen soll, kannst du einfach auf die Sammlung-Komponente klicken. Nun kannst du unter anderem folgende Einstellungen vornehmen:

• Verknüpfung - das ist ein Alias, um später via Twig auf die Daten zuzugreifen.

• Handle - der mit dieser Komponente verknüpfte Tailor-Blueprint

• Ändere den Wert bei Verknüpfung auf team

• Wähle bei Handle, den vorhin erstellen Person-Blueprint aus

Schritt 3: Komponente individualisieren

Die Daten werden jetzt im Partial von dir geladen und die Variable team (= Verknüpfung) gespeichert.

{{ team }} // <- Darin sind nun unsere Team-Einträge

Wenn wir die Fragen also als Liste ausgeben wollen, können wir das nötige HTML einfach drumherum bauen:

<ul>
    {% for person in team %}
        <li>
            <strong>{{ person.title }}</strong><br>
            {{ person.function }}
        </li>
    {% endfor %}
</ul>