> 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

Du kannst all unsere Demo-Konfigurationen mit wenigen Klicks importieren.

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="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FOC4Hstbsa3WxZZUwIXlu%2Fdocs-de-inhalte-themes-child-theme-erstellen.png?alt=media&amp;token=d534bd17-0f2c-45fd-a4a1-a827d4fc6dab" 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="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FgGmweVHHRT7rQ5O0toZ8%2Fdocs-de-theme-install.png?alt=media&amp;token=f4b051b7-b54f-49d2-adae-11ff4bc50f51" 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="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FhxktCI2rUzHD8xnqdawq%2Fdocs-de-config-import-btn.png?alt=media&amp;token=126a901f-9178-482d-b28e-8b9014279e58" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2FmDaJXFr8n5pVJEaW5tSA%2Fdocs-de-config-import-modal.png?alt=media&amp;token=5348c43d-c2b3-47b8-8cf6-62cb1fc2f6bb" alt=""><figcaption></figcaption></figure>

### Vorlage-Zuweisung

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

![](https://2797716245-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FglpRTGDOwN11YxqfJhAM%2Fuploads%2Fgit-blob-21ffe6a438aa24b5dac1de20b2af3a02ebb8950e%2Fdocs-de-theme-assign.png?alt=media)

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.*