Come modellare la posta elettronica transazionale con email-inline.css

Sto usando Magento 1.9.1. Voglio personalizzare le mie e-mail transazionali Magento. Per fare ciò, ho duplicato email-inline.csse email-non-inline.cssdal pacchetto base nel mio pacchetto personalizzato (in questo percorso: \ skin \ frontend \ mypackage \ default \ css).

Ho apportato le modifiche necessarie e ho caricato i CSS aggiornati ma le e-mail arrivano con lo stesso design di prima, come se il sistema non fosse a conoscenza dei miei CSS personalizzati.

Cosa devo fare?

Ecco una cosa che potresti provare.

NOTA: funzionerà solo per i modelli di email che includono l'uso della {{var non_inline_styles}}variabile.

1. Crea un file chiamato email-custom.csse aggiungi tutta la personalizzazione di <CSS>cui hai bisogno
2. Carica questo file su skin/frontend/YOURPACKAGE/YOURTHEME/css/
3. Nel tuo pannello di amministrazione vai su Sistema > Configurazione > Generale > Progettazione > Email transazionali e aggiungi il email-custom.cssfile al Non-inline CSS File(s)campo come nell'immagine qui sotto (usando le virgole per separare i file)
4. Salva config e svuota tutta la cache

Quello che ho fatto è stato aggiungere {{var non_inline_styles}} al contenuto del modello e quindi ho aggiunto tutti i miei stili agli stili del modello.

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

fare riferimento a questo sia per CSS non inline che inline per modelli mobili.