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


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://themedocs.zenit.design/vorlagen.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.