... | ... | @@ -7,7 +7,7 @@ Das E-Mail System besitzt ein eigenes Template Engine Objekt. Jede E-Mail besteh |
|
|
|
|
|
Die E-Mail Template basiert auf einem [Open Source Projekt Salted](https://github.com/rodriguezcommaj/salted).
|
|
|
|
|
|
## Standard Layout - einfache Emails versenden
|
|
|
## 1. Standard Layout - einfache Emails versenden
|
|
|
|
|
|
Ohne Anpassungen eignet sich das Template für einfache aber dennoch visuell ansprechende Emails, z. B.:
|
|
|
- diverse Administrator Benachrichtigungen,
|
... | ... | @@ -41,11 +41,18 @@ Die Social Icons und der Text im Footer lassen sich leicht über die Sprachvaria |
|
|
2. `templates.mail.body.footer.text`
|
|
|
3. `templates.mail.body.footer.social`
|
|
|
|
|
|
**Achtugn!** Bitte für die Social Icons keine FontAwesome benutzen! Hier ist ein [FontAwesome to PNG Generator](http://fa2png.io/).
|
|
|
### 1.1 FontAwesome ist nicht erlaubt
|
|
|
Bitte für die Social Icons keine FontAwesome Icons benutzen! Stattdessen sollen die **.png** Bilder verwendet werden. Hier ist ein [FontAwesome to PNG Generator](http://fa2png.io/) zu finden.
|
|
|
|
|
|
## Weitere Layouts
|
|
|
|
|
|
Möchte man die E-Mails für z.B. Newsletter schöner machen oder passende Buttons hinzufügen, kann man die `body.html` überschreiben und mit weiterem Code erweitern:
|
|
|
### 1.2 Einschränkungen
|
|
|
Es ist auch wichtig zu wissen, dass der Inhalt, der mit der Methode `setBody()` gesetzt wird, wird immer in einem Container platziert (siehe **Screenshot 2** - rot markiert). Das heißt man hat an dieser Stelle automatisch den Abstand von links und rechts genauso wie der Header und Footer. Möchte man jedoch das Template etwas erweitern, neue Abschnitte (Sections) mit eventuell anderer Hintergrundfarbe verwenden, ist das etwas aufwändiger. Siehe dazu den nächsten Abschnitt.
|
|
|
|
|
|
![image](uploads/727ab3be27e172a4b94ac5de6e3d9995/image.png)
|
|
|
|
|
|
## 2. Template überschreiben - weitere Email Layouts
|
|
|
|
|
|
Möchte man die E-Mails für z.B. Newsletter schöner machen oder passende Buttons hinzufügen, kann man die `quiqqer/quiqqer/lib/template/mail/body.html` Datei überschreiben und mit weiterem Code erweitern:
|
|
|
|
|
|
|
|
|
```html
|
... | ... | |