> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/vorlagen.md).

# Vorlagen

Unserer Demos findest Du auf unserer [Theme-Übersicht](https://www.zenit.design/#demos). Unsere Child-Themes beinhalten neben der praktischen Konfigurationsvorlage für einen schnellen Einstieg auch die Möglichkeit für updatesichere Programmierungen am Shop. Es ist also als Child-Theme ein genereller Einstiegspunkt für individuelle Anpassungen abseits der Konfiguration.

Hier geht es zu unseren kostenlosen Konfigurationsvorlagen:

{% embed url="<https://www.zenit.design/#demos>" %}

## Installation & Zuweisung

### Vorlage via Plugin importieren

Über unsere kostenfreies Child-Theme-Generator Plugin kannst Du ein personalisiertes Child-Theme generieren und anschließend die gewünschte Demo-Vorlage importieren.

{% embed url="<https://store.shopware.com/de/zenit66399665516f/child-theme-generator-fuer-zenit-design-themes.html>" %}

<figure><img src="/files/lHvH4shW0ZYYgAumlRcu" alt=""><figcaption></figcaption></figure>

Navigiere nach der Installation der Erweiterung zu Inhalte > Themes. Im Kontextmenü des gewählten Themes kannst Du Dein personalisiertes Child-Theme generieren.

### Vorlage installieren

Nach dem Erstellen des Child-Themes wirst Du automatisch in die Übersicht deiner Erweiterungen geleitet. Dort findest Du nun dein Child-Theme und kannst es installieren und aktivieren.

<figure><img src="/files/BtFDM8yGLfHyy45YPWn2" alt=""><figcaption></figcaption></figure>

Anschließend kannst Du unter Inhalte > Themes und einem Klick auf Dein generiertes Theme die gewünschte Vorlage über den Button „Vorlage auswählen“ importieren. Klicke dazu in der Theme-Konfiguration auf den Button "Vorlage auswählen"**,** wähle im PopUp die gewünschte Vorlage und klicke auf Importieren.

<figure><img src="/files/2cVu7YZ9kPkB6aHIHtRP" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/RqENqbExoP7tLUfHa0Ye" alt=""><figcaption></figcaption></figure>

### Vorlage-Zuweisung

In den Einstellungen des Verkaufskanals im Tab **Theme (1)** kannst Du das Theme Deines Verkaufskanals ändern.

![](/files/4D7zecFp3iInjSSEo2Vr)

Klicke hierzu auf den Button **Theme ändern (2)** und wähle im sich öffnenden Fenster das installierte Theme aus. Bei der Verwendung einer vorkonfigurierten Vorlage wähle bitte die Vorlage aus, welche Du nutzen möchtest.

## Vererbungsreihenfolge

Unserer Child-Themes werden in der Vererbungsreihenfolge **nach allen** Plugins / Apps geladen. Damit hast Du die Möglichkeit die Kompatibilität zwischen Plugins / Apps und Themes herzustellen und alles zu überschreiben.

Die Reihenfolge im Views-Abschnitt ist ausschlaggebend für die Ladereihenfolge. Die scr/Resources/theme.json sieht nun im Abschnitt "views" wie folgt aus:

```
"views": [
    "@Storefront",
    "@zenitPlatform[THEMENAME]",
    "@Plugins",
    "@[CHILDTHEMENAME]"
],
```

*Die Werte in den eckigen Klammern sind Platzhalter.*