> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dreizack-medien.de/llms.txt
> Use this file to discover all available pages before exploring further.

# Template (Mail-Vorlagen)

> Übersicht und Verwaltung aller E-Mail-Vorlagen im Shop

In der Sektion **Mail-Vorlagen** findest du eine vollständige Liste aller E-Mail-Templates, die in deinem JTL Shop 5 aktiv sind – sowohl Core-Vorlagen des Shops als auch Vorlagen aus installierten Plugins.

<Frame>
  <img src="https://mintcdn.com/dzm/CWHuhNPZmPtqBsCh/images/E3.jpg?fit=max&auto=format&n=CWHuhNPZmPtqBsCh&q=85&s=b9dbf125067d22470de87bb76009a575" alt="Mail-Vorlagen Übersicht" width="2318" height="578" data-path="images/E3.jpg" />
</Frame>

## Übersicht

Die Tabelle zeigt dir auf einen Blick alle verfügbaren Vorlagen mit den folgenden Spalten:

| Spalte     | Beschreibung                                                             |
| ---------- | ------------------------------------------------------------------------ |
| **Name**   | Bezeichnung der Vorlage (z. B. „Accounterstellung durch Shopbetreiber")  |
| **Modul**  | Technische Modul-ID (z. B. `core_jtl_accounterstellung_durch_betreiber`) |
| **Status** | Zeigt an, ob die Vorlage aktiv ist                                       |

## Filtern und Suchen

Du kannst die Vorlagen auf drei Arten eingrenzen:

* **Suchfeld** – Suche nach Name, Modul-ID oder Plugin
* **Alle** – zeigt sämtliche Vorlagen (Core + Plugins)
* **Core** – zeigt nur JTL-Kern-Vorlagen
* **Plugins** – zeigt nur Vorlagen aus installierten Plugins

## Vorlage bearbeiten

Klicke auf **Bearbeiten** neben einer Vorlage, um den Editor zu öffnen. Der Editor ist zweigeteilt: links bearbeitest du den Quellcode, rechts siehst du die Live-Vorschau.

<Frame>
  <img src="https://mintcdn.com/dzm/CWHuhNPZmPtqBsCh/images/E4.jpg?fit=max&auto=format&n=CWHuhNPZmPtqBsCh&q=85&s=d99f26d58e1e9492d9017e0e2ad598af" alt="Vorlage bearbeiten" width="2420" height="1300" data-path="images/E4.jpg" />
</Frame>

### Editor (links)

Im linken Bereich bearbeitest du den Inhalt der Vorlage:

* **Betreff** – der E-Mail-Betreff, Smarty-Variablen sind möglich (z. B. `#artikel.name#`)
* **HTML-Inhalt** – der Haupt-Quellcode der Mail im HTML-Format
* **Plain-Text-Inhalt** – die Nur-Text-Variante für E-Mail-Clients ohne HTML-Unterstützung
* **HTML-Linter** – prüft den Code automatisch und meldet Probleme

In der oberen Leiste stehen folgende Aktionen zur Verfügung:

| Aktion           | Funktion                                         |
| ---------------- | ------------------------------------------------ |
| **GER**          | Sprachauswahl – wechselt zwischen Shop-Sprachen  |
| **Deaktivieren** | Deaktiviert die Vorlage                          |
| **Testmail**     | Sendet eine Testmail an eine beliebige Adresse   |
| **Auf Original** | Setzt die Vorlage auf den Ausgangszustand zurück |
| **Speichern**    | Speichert alle Änderungen                        |

### Vorschau (rechts)

Die rechte Seite zeigt die gerenderte E-Mail in Echtzeit. Mit **Aktualisieren** kannst du die Vorschau manuell neu laden. Der Schalter **Auto-Preview** aktualisiert die Vorschau automatisch bei jeder Änderung.

<Note>
  Die Vorschau nutzt Demo-Daten, wenn keine Test-Daten ausgewählt sind. Über **ändern** kannst du echte Shop-Daten für die Vorschau wählen.
</Note>

### Testmail senden

Über den Button **Testmail** in der oberen Leiste öffnet sich ein Dialog, mit dem du eine echte Test-E-Mail versenden kannst – auch mit ungespeicherten Änderungen.

<div style={{maxWidth: '70%'}}>
  <Frame>
    <img src="https://mintcdn.com/dzm/CWHuhNPZmPtqBsCh/images/E5.jpg?fit=max&auto=format&n=CWHuhNPZmPtqBsCh&q=85&s=592a1cdd8ec7bfde9bf8114883929a07" alt="Testmail senden" width="716" height="592" data-path="images/E5.jpg" />
  </Frame>
</div>

Fülle die Felder aus und klicke auf **Testmail senden**:

* **E-Mail-Adresse** – die Empfängeradresse (Pflichtfeld)
* **Name** – optionaler Anzeigename des Empfängers

Die Mail wird mit den aktuell im Editor aktiven Fixture-Daten gerendert.

### Test-Daten für die Vorschau ändern

Über den Button **ändern** neben den Test-Daten in der Vorschau-Leiste wählst du echte Datensätze aus deinem Shop für die Vorschau aus.

<div style={{maxWidth: '70%'}}>
  <Frame>
    <img src="https://mintcdn.com/dzm/CWHuhNPZmPtqBsCh/images/E6.jpg?fit=max&auto=format&n=CWHuhNPZmPtqBsCh&q=85&s=3505d0d4f40a70a005440b8550194cbb" alt="Test-Daten für die Preview" width="828" height="1282" data-path="images/E6.jpg" />
  </Frame>
</div>

Du kannst je nach Vorlage folgende Fixtures auswählen:

| Fixture         | Variable                                            | Relevant für                                    |
| --------------- | --------------------------------------------------- | ----------------------------------------------- |
| **Empfänger**   | `$Kunde`, `$oKunde`, `$data->tkunde`                | Account- und Order-Mails                        |
| **Warenkorb**   | `$Bestellung` mit Positionen, Steuern, Lieferschein | Order-Mails                                     |
| **Zahlungsart** | `$Bestellung->Zahlungsart`, `Zahlungsinfo`          | Order-Mails                                     |
| **Artikel**     | `$Artikel`, `$data->tartikel`                       | Verfügbarkeit, Wunschliste, Anfrage, Empfehlung |
| **Kupon**       | `$Kupon`, `$data->tkupon`                           | Kupon-Mails (NewCoupon)                         |

Nicht ausgewählte Fixtures werden durch JTL-Standard-Demo-Daten ersetzt. Klicke auf **Fertig**, um die Auswahl zu übernehmen.