<!-- meta -->

page_type: content

language: de-DE


# Magento Email Templates einheitlich stylen

Beitrag vom: 20.05.2011, 13:11:04

Eine zugegebenermaßen ziemlich unliebsame Aufgabe bei der Designumsetzung in Magento ist das Stylen der Email-Templates. Diese erstrecken sich von den Template-Dateien im verwendeten Theme über die Transaktions-Mails im Backend bis hin zu den Standardvorlagen im *locale*-Ordner. Gar nicht so einfach alle Emails einheitlich aussehen zu lassen ohne einen kleinen Schnippsel zu vergessen.

locale

Daher habe ich mir das Ganze mal näher angeschaut und mir folgende Herangehensweise erarbeitet um mir selbst viel Zeit zu ersparen.

Da wir als Agentur naturgemäß viele deutsche Shops gestalten, installieren wir als erstes immer das [MRG-Modul](http://www.magentocommerce.com/magento-connect/symmetrics+GmbH/extension/1764/market-ready-germany)  von Symmetrics. Der Vorteil ist, dass durch die Extension sämtliche Email-Vorlagen als Transaktions-Mails angelegt werden. Somit kann der Shopbetreiber die Emails alle bequem selbst bearbeiten wenn er denn möchte. Außerdem könnt ihr dadurch euer CSS schneller loswerden, dazu weiter unten mehr.

MRG-Modul

1. Als weitere Grundlage müsst ihr erstmal der Design-Vorlage entsprechend eine Email durchstylen. Ich benutze dazu immer die Transaktions-Mail “Neue Bestellung”. Im Backend zu finden unter “System -> Transaktions-E-Mails”, in der Liste dann auf den entsprechenden Eintrag klicken.Im Bearbeiten-Fenster seht ihr ganz unten das Feld “Vorlagen-Stile”. Dort trage ich als Basis folgendes CSS ein:

a { color: #9A539D !important; } th { color: #fff !important; border: 1px solid #9A539D !important; background: #9A539D !important; } th ~ th { border: 0 !important; background: 0 !important; } th ~ th ~ th { color: #fff !important; border: 1px solid #9A539D !important; background: #9A539D !important; } table#items th { color: #fff !important; border: 1px solid #9A539D !important; background: #9A539D !important; } table table table td { border: 1px solid #9A539D !important; } table table table td ~ td { border: 0 !important; } table table table td ~ td ~td { border: 1px solid #9A539D !important; } table#items td { border: 1px solid #9A539D !important; }

Sämtliche Farbangaben ersetze ich dann durch die passende Hauptfarbe des Screendesigns.

Im selben Fenster könnt ihr eine Vorlagenansicht begutachten (oben in der Buttonleiste auf “Vorlagenvorschau” klicken). Wenn euch die Vorlage gefällt, könnt ihr die restlichen Mails mit demselben CSS mit den folgenden Schritten anpassen.

2. Falls noch nicht geschehen, kopiert ihr diesen Ordner:

app/design/frontend/base/default/template/email

in die entsprechende Struktur eures eigenen Theme-Verzeichnisses.* *Alle Tabellen-Elemente die sich in den Templates dieses Ordners befinden erhalten die *id=”items”*verpasst, also:

 

id=”items”

<table id="items" ...>...</table>

Der Grund ist, dass ich im obigen CSS den Selektor *table#items* verwende um spezifischer auf die Tabellen einzugehen. Da keine Tabelle eine id besitzt, könnt ihr bequem die Suchen/Ersetzen-Funktion eures Lieblings-Editors verwenden (in meinem Falle Eclipse PDT).

table#items

3. Dann müsst ihr etwas tun, was eigentlich ungern gemacht wird, in diesem Fall aber viel Arbeit erspart.Alle Transaktions-Mails werden in der Datenbank in der Tabelle *{db_prefix}core_email_template*gespeichert. Die Spalte *template_styles* speichert das CSS, welches im Backend unter Punkt 1 weiter oben eingetragen wird. Da alle Mails gleich aussehen sollen, kann also dasselbe CSS in jeder Datenbankzeile eingetragen werden. Also bequem per phpMyAdmin.

{db_prefix}core_email_template

template_styles

 

Wenn ihr das ein paar Mal gemacht habt, braucht ihr dafür eine knappe viertel Stunde. Im Vergleich dazu habe ich zu Beginn meiner Magento-Zeit gerne drei Stunden verbracht um auch wirklich jede einzelne Mail zu testen.

Würde mich freuen wenn euch dieser Tipp hilft!


## Wissenswertes im Überblick

Sie sind hier:

Wissenswertes /

Tipps /

Magento Email Templates einheitlich stylen


### Shopware (18)

KI-Verordnung - EU AI-Act und Shopware

Beitrag vom: 19.04.2025

Die Produktsicherheitsverordnung (GPSR)

Beitrag vom: 22.02.2025

Das Barrierefreiheitsstärkungsgesetz (BFSG)

Beitrag vom: 15.02.2025

KI mit OpenAI und mitho für Shopware

Beitrag vom: 05.01.2025

Entdecken Sie die neuen Features der Shopware 6.6 Version

Beitrag vom: 01.06.2024

Shopware 6 – ein Überblick

Beitrag vom: 03.11.2022

Als Onlinehändler erfolgreich: eigener Onlineshop statt Marktplatz

Beitrag vom: 18.09.2022

Shopware - Bilder in Dokumente Fehlen

Beitrag vom: 12.08.2022

SEO-Software Shopware

Beitrag vom: 04.09.2020

Shopware Progressive Web App

Beitrag vom: 24.07.2020

Shopware Cloud-Lösung

Shopware SEO Analyse

Beitrag vom: 09.06.2020

Shopware 5.2 ist da. Neue Funktionen im Überblick

Beitrag vom: 06.07.2016

mitho 404 Advanced-Finder

Beitrag vom: 06.10.2015

Neues Shopware-Plugin von mitho®

Beitrag vom: 26.12.2013

Shopware Plugins von mitho®

Beitrag vom: 14.12.2013

Shopware Business Partner

Beitrag vom: 21.10.2013

Shopware Businesspartner

Beitrag vom: 14.08.2012

mehr anzeigen


### E-Commerce (30)

Chat GPT im E-Commerce

Beitrag vom: 11.03.2023

Eine Zusammenarbeit mit Fundament – Kooperation von mitho und maxcluster wird intensiviert

Beitrag vom: 22.02.2022

E-Commerce goes klimaneutral

Beitrag vom: 13.10.2021

Klimaneutral shoppen: Der Wunsch ist da

Beitrag vom: 05.07.2021

Homeoffice: Flucht & Segen

Beitrag vom: 07.12.2020

Soforthilfe - Berliner Agentur entwickelt kostenlosen Onlineshop für lokalen Handel.

Beitrag vom: 05.09.2020

Online-Sporthandel boomt

Beitrag vom: 02.08.2020

Konsumlust steigt

Corona & E-Commerce – es ist kompliziert

Beitrag vom: 03.04.2020

Seit zehn Jahren dabei: Mitho und Germany's Finest Agencies

Beitrag vom: 17.02.2017

GoldSilber Shop.de erneut ausgezeichnet

Beitrag vom: 15.01.2017

Kristallklar. Diamantenhart. Erfolgsgeschichte GoldSilbershop geht weiter

Beitrag vom: 17.08.2016

mitho und bester Goldhändler - Eine Erfolgsgeschichte

Beitrag vom: 21.04.2016

QR-Code Shopping ist smarte Stammkundengewinnung für online Shops

Beitrag vom: 14.04.2016

Mobilegeddon 2016 - Sind Sie gut vorbereitet?

Beitrag vom: 27.03.2016

Mitho entwickelt neue Schnittstelle für Fyndiq und Plentymarkets

Beitrag vom: 10.03.2016

plentymarkets Schnittstelle für WaWi und ERP

Beitrag vom: 20.01.2016

Mit Shopware 5 erfolgreich durchstarten!

Beitrag vom: 15.09.2015

Kostenloses eBay mobile Add-on Template von evectio®

Beitrag vom: 07.04.2015

DeWall Design: Erfolgreiche Anbindung von SmartTV an plentymarkets

Beitrag vom: 15.01.2015

evoStore: Mehr als ein intelligentes eBay Template

Beitrag vom: 10.11.2014

Exklusiv-Support: plentymarkets-Shopware-Connector!

Beitrag vom: 25.10.2014

Bitcoin - Relevanz oder Hype?

Beitrag vom: 05.02.2014

Highspeed Shopwareshops dank NGINX

Beitrag vom: 20.01.2014

Pressemitteilung | DaWanda Plugin Shopware

QR-Shopping mit QRnext

Beitrag vom: 21.12.2013

Das neue evoStore® Shopsystem für eBay Händler

Beitrag vom: 15.12.2013

mitho® wieder in germany’s finest agencies 2013

Magento SCHUFA Bonitätsprüfung

Beitrag vom: 23.06.2012

Die Sieger unter den Web-Frameworks

Beitrag vom: 09.11.2011


### Tipps (22)

SEO Tipps für Shopbetreiber

Beitrag vom: 29.08.2022

Google Analytics 4 kommt – was Shopbetreiber jetzt wissen müssen

Beitrag vom: 01.06.2022

WebP: Das neue Lieblings-Bildformat aller Shopbetreiber

Beitrag vom: 05.12.2021

Warenkorbabbrüche: Warum und was tun?

Beitrag vom: 06.07.2021

Weihnachtsshopping in diesen Zeiten*

E-Business stockt, was tun? 3 Tipps!

Beitrag vom: 18.10.2020

Shopware Partner finden: Brauche ich eine Agentur und wie finde ich die Richtige?

Beitrag vom: 29.08.2020

Stationärer Handel vs Online-Handel

Shopware SEO Check

Beitrag vom: 25.06.2020

SEO-Ranking – die 10 wichtigsten Faktoren

Beitrag vom: 15.06.2020

Newsletter: kostenloses Weihnachts-SEO-Plugin, Betriebsferien uvm.

Beitrag vom: 14.12.2017

Newsletter: Shopkunde - Erfolgsstory - Shopware 5.2 - Adwords - Onpage ...

Beitrag vom: 02.09.2016

Hi-Speed Shophosting | mitho & Timme Hosting kooperieren!

Beitrag vom: 24.06.2015

Magento Browser Cache Problem lösen

Beitrag vom: 03.03.2014

GET-Parameter bei der Suche mit Preisspannen in Magento

Beitrag vom: 23.12.2013

Magento Go

Beitrag vom: 12.10.2012

Magento-Installation spiegeln

Beitrag vom: 23.08.2011

CSS Browser Selector

Beitrag vom: 11.07.2011

div Layout zentrieren

Beitrag vom: 11.06.2011

Safari und das button-Element

Magento Email Templates einheitlich stylen

Beitrag vom: 20.05.2011

IE7 und display: inline-block

Beitrag vom: 07.01.2011