# Vorlagenvarianten erstellen

Verwenden Sie ein Design mit verschiedenen Beschriftungssätzen, Farben oder Inhalten durch Varianten wieder.

Verwenden Sie **Varianten**, wenn ein Design mehrere Etikettensätze, Farben oder alternative Inhalte benötigt. Halten Sie die HTML/CSS- und Eingabedaten in einer Vorlage zusammen und wählen Sie dann die entsprechende Variante für einen Lauf aus.

Beispielsweise kann eine Variante vietnamesische Beschriftungen verwenden, während die Basis englische Beschriftungen behält. Überschreiben Sie nur die Werte, die unterschiedlich sein müssen. der Rest kommt weiterhin von der Basis.

## 1. Verstehen Sie die Basis und die Vererbung

**Standard** ist die Basisvariante, in der Liste mit **BASE** gekennzeichnet. Bearbeiten Sie dort das freigegebene HTML/CSS und die Struktur.

Andere Varianten erben Werte, die sie nicht überschrieben haben. Beim Bearbeiten einer Prop in einer Variante wird ein separater Wert für diese Variante gespeichert. Eine spätere Änderung auf denselben Basiswert ersetzt nicht die Überschreibung.

Nicht-Basisvarianten dürfen Props nur zur Bearbeitung verfügbar machen. Kehren Sie zum Standard zurück, um die gemeinsame HTML/CSS- oder Strukturkonfiguration zu ändern.

<figure class="doc-sim data-assets-illustration" aria-label="Standard ist die Basis · Eine Variante verwendet ihn mit ausgewählten Änderungen wieder">
<div class="sim-stage"><div class="ds-variants sim-panel"><div class="ds-head"><strong>VARIANTEN</strong><span class="sim-control">＋</span></div><div class="ds-variant-row sim-focus"><b>Standard</b><span class="sim-badge">BASIS</span></div><div class="ds-variant-row"><b>VI</b><small>Geerbte + benutzerdefinierte Werte</small></div></div></div>
<figcaption>Standard ist die Basis · Eine Variante verwendet ihn mit ausgewählten Änderungen wieder</figcaption>
</figure>

## 2. Variante hinzufügen oder kopieren

Öffnen Sie **Varianten** und wählen Sie **＋**. Wenn nur Standard vorhanden ist, erstellt die App eine Variante aus der Basis. Das Menü bietet in mehreren Varianten:

- **Vom Standard**: Beginnen Sie an der Basis ohne einen separaten Satz von Überschreibungen.
- **Duplizieren**: Kopieren Sie die ausgewählte Variante, einschließlich ihrer Überschreibungen.

Verwenden Sie die Umbenennungssteuerung oder doppelklicken Sie auf den Namen einer Variante, um sie umzubenennen. Wählen Sie einen erkennbaren Namen wie `VI`, `EN` oder einen Designnamen. Namen müssen innerhalb der Vorlage eindeutig sein.

<figure class="doc-sim data-assets-illustration" aria-label="Varianten → ＋ → Von Standard / Duplikat">
<div class="sim-stage"><div class="sim-panel"><div class="ds-head"><strong>VARIANTEN</strong><span class="sim-control sim-focus">＋</span></div><div class="ds-rows"><div><span>Von Standard</span><small>Beginnen Sie an der Basis</small></div><div><span>VI duplizieren</span><small>Behalten Sie die VI-Überschreibungen bei</small></div></div></div></div>
<figcaption>Varianten → ＋ → Von Standard / Duplikat</figcaption>
</figure>

## 3. Bearbeiten Sie die Unterschiede

Wählen Sie die Variante und dann einen Abschnitt in **Structure → Props**. Ändern Sie die Beschriftungen, Farben oder andere props, die ihre eigenen Werte benötigen.

Mit den Sichtbarkeitssteuerelementen von Structure können Sie auch eine Seite oder einen Abschnitt in der ausgewählten Variante ausblenden, sodass eine Vorlage Inhalte in einer bestimmten Version ihrer Präsentation weglassen kann.

Behalten Sie Empfängernamen und Artikellisten in **Parameters** bei. Eine Variante wählt Vorlagenwerte aus; Parameters liefert Daten für den Lauf.

<figure class="doc-sim data-assets-illustration" aria-label="Bearbeiten Sie eine Prop mit der ausgewählten Variante, um eine Überschreibung zu speichern">
<div class="sim-stage"><div class="ds-variant-picker"><span class="sim-control">Standard</span><span class="sim-control sim-focus">VI</span></div><div class="sim-prop-card ds-field"><div class="sim-prop-name"><b>Überschrift</b><span class="ds-type">Text <svg class="sim-chevron" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="m4 6 4 4 4-4" /></svg></span></div><div class="sim-prop-value"><small class="sim-label">WERT</small><span class="sim-input sim-focus">Tài liệu</span><span class="sim-embed">{{ props.heading }}</span></div></div><div class="ds-compare-values"><span>Standard: Dokument</span><span>VI: Tài liệu</span></div></div>
<figcaption>Bearbeiten Sie eine Prop mit der ausgewählten Variante, um eine Überschreibung zu speichern</figcaption>
</figure>

## 4. Wählen Sie eine Variante für einen PDF

Wählen Sie in **Run** eine Version und wählen Sie in **Variante** den genauen Namen aus. Sie können dasselbe Datenobjekt für Varianten mit denselben Eingabefeldern wiederverwenden.

Bei API-Aufrufen ist `variant` der **Variantenname**, nicht der Versionsname oder der Template-Slug. Sehen Sie sich beim Vorbereiten einer Anfrage die [Render API-Referenz](/docs/de/developers/render-reference/)] an.

Änderungen an einem Basiswert erreichen Varianten, die ihn weiterhin erben. Von einer Variante überschriebene Werte bleiben unverändert.

<figure class="doc-sim data-assets-illustration" aria-label="Run → Wählen Sie den Variantennamen für diesen PDF aus">
<div class="sim-stage"><div class="sim-panel"><div class="ds-head"><strong>LAUFEN</strong></div><div class="ds-run-fields"><div><small>VERSION</small><span class="sim-input">v1</span></div><div><small>VARIANTE</small><span class="sim-input sim-focus">VI <svg class="sim-chevron" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><path d="m4 6 4 4 4-4" /></svg></span></div></div><div class="ds-code"><code>{ "recipient": "Tembuilder" }</code></div><div class="sim-form-footer ds-pad"><span class="sim-control sim-dark">Rendern</span></div></div></div>
<figcaption>Run → Wählen Sie den Variantennamen für diesen PDF aus</figcaption>
</figure>