So gestalten Sie Transaktions-E-Mails mit email-inline.css

Ich benutze Magento 1.9.1. Ich möchte meine Magento-Transaktions-E-Mails anpassen. Um dies zu tun, ich dupliziert email-inline.cssund email-non-inline.cssvon der Basis - Paket in mein individuelles Paket (in diesem Pfad: \ Haut \ Frontend \ mypackage \ default \ CSS).

Ich habe die erforderlichen Änderungen vorgenommen und das aktualisierte CSS hochgeladen, aber die E-Mails kommen mit demselben Design wie zuvor an, als ob das System mein benutzerdefiniertes CSS nicht kennen würde.

Was muss ich tun?

Hier ist eine Sache, die Sie versuchen könnten.

HINWEIS: Dies funktioniert nur für E-Mail-Vorlagen, die die Verwendung der {{var non_inline_styles}}Variablen enthalten.

1. Erstellen Sie eine Datei mit dem Namen email-custom.cssund fügen Sie alle benutzerdefinierten Elemente hinzu <CSS>, die Sie benötigen
2. Laden Sie diese Datei auf hoch skin/frontend/YOURPACKAGE/YOURTHEME/css/
3. Gehen Sie in Ihrem Admin-Bereich zu System > Konfiguration > Allgemein > Design > Transaktions-E-Mails und fügen Sie die email-custom.cssDatei Non-inline CSS File(s)wie in der Abbildung unten in das Feld ein (verwenden Sie Kommas, um Dateien zu trennen).
4. Speichern Sie die Konfiguration und leeren Sie den gesamten Cache

Ich habe {{var non_inline_styles}} zum Vorlageninhalt hinzugefügt und dann alle meine Stile zu den Vorlagenstilen hinzugefügt.

https://devdocs.magento.com/guides/v2.3/frontend-dev-guide/templates/template-email.html

Dies gilt sowohl für Nicht-Inline- als auch für Inline-CSS für mobile Vorlagen.