Thema: CSS Formatierung der "order_mail.html" geht verloren

Drehstuhlpilot · **am:** 07. September 2010, 10:17:54

Und prompt habe ich die nächste Frage zur order_mail.html;

da ich die aus dem Shop generierten Bestellbestätigungen als HTML-Emails versenden möchte, habe ich die o.g. order_mail.html auf meine Layout-Bedürfnisse angepasst. Da ich das Layout über CSS steuern wollte, habe ich eine neu erstellte sendmail.css innerhalb der order_mail.html verknüpft.

Die Vorschau im Browser sind entsprechend korrekt aus!

Nun der kasus knaxus:

nach Generierung einer Bestellung im Shop wird die Order-Benachrichtigung ordnungsgemäß versendet.
Im Freemail-Account bei web.de ist jedoch von der Formatierung mittels CSS nichts mehr zu sehen.
Die verknüpfte CSS scheint in keiner Weise zu greifen.

Die gleiche über Outlook 2003 aus web.de abgerufene Email jedoch, enthält wiederum die Formatierung über CSS.

Wenn ich die richtig formatierte Email aus Outlook weiterleite, geht die Formatierung wieder verloren!?

Der Import der CSS führt ebenso nicht zum Ziel!

Wo liegt hier der Hase begraben?

Linkback: https://www.modified-shop.org/forum/index.php?topic=7873.0

Drehstuhlpilot · **Antwort #1 am:** 07. September 2010, 13:14:05

Scheinbar funktioniert die Verknüpfung von CSS so nicht. Import geht ebenfalls nicht.
Der Einbau in den Quellcode über

Code: PHP [Auswählen]

funktioniert jedoch.
Wichtig zu wissen ist, dass die geschweiften Klammern des CSS von Smarty als zum Template zugehörig interpretiert werden. Darum muss innerhalb des

Code: PHP [Auswählen]

Definition ein

Code: PHP [Auswählen]

{/literal}
</style>

eingebaut werden.

Naja... geeeht doch!

Danke trotzdem

GTB · **Antwort #2 am:** 07. September 2010, 13:27:38

Wie hast du es vorher eingebunden ?

Drehstuhlpilot · **Antwort #3 am:** 07. September 2010, 15:25:28

erst über

Code: PHP [Auswählen]

und dann mittels

Code: CSS [Auswählen]

@import url("../../css/screen/sendmail.css");

aber nichts von beidem hat so gegriffen wie ich gedacht hatte.

Wenn ich die in Outlook empfangene Email z.B. weiterleiten wollte, war die komplette CSS-Formatierung irgendwo im Nirvana gelandet.

Ist mir aber dennoch nicht ganz schlüssig!

Das gleiche gilt übrigens auch für mittels Server-Side-Include includierte html Dateien.
Erst sind sie da... und dann wieder nicht... ist mir alles irgendwie zu paradox.

Drehstuhlpilot · **Antwort #4 am:** 07. September 2010, 15:27:18

Ähm... blind wie ich bin... sehe ich gerade als würde es mir wie Schuppen von den Augen fallen...

Könnte es an der Pfadangabe liegen?

franky_n · **Antwort #5 am:** 07. September 2010, 15:40:32

Hi Drehstuhlpilot,

jo, das liegt an der Pfadangabe.
Du musst hier den kompletten Pfad mit URL angeben.

Also:
deinedomain.de/../../../css/screen/sendmail.css

Viele Grüße

Franky

taxidd3 · **Antwort #6 am:** 12. Januar 2012, 15:08:58

Ich möchte auch gern die Emails per CSS formatieren. In der "order_mail.html" ist aber kein "head" und "body"-tag drin (angelehnt an die "print_order.html"). Kann ich den einfach davor bauen? Oder läuft das über eine andere Datei?

Grüße Heiko

Modulfux · **Antwort #7 am:** 12. Januar 2012, 17:16:17

Bei den Email-Vorlagen kann man ruhig mit "inline-styles" arbeiten. Die Gefahr ist immer da, dass die CSS-Datei vom Email-Programm nicht geladen wird und schon stimmt das ganze Design nicht mehr.

Gruß
Ronny

taxidd3 · **Antwort #8 am:** 12. Januar 2012, 18:56:21

Unter "head" könnt ich dann aber mit "style" einige allgemeine Formatierungen hinterlegen, die dann nicht immer wieder einzeln eingetragen werden müssen, wie allgemeine Textgrößen, Überschriftengröße ...

Code: PHP [Auswählen]

<head>
<style type="text/css">
h1 { font-size:24px;}
h2 { font-size:18px;}
p { font-size:12px;}
</style>
</head>
<body>
<h1>aaaaaaaaaaaaaa</h1>
<p>bbbbbbbbbbb</p>
</body>

Oder wird das von Email-Programmen eventuell dann auch ignoriert wie externe css-Dateien?

Grüße Heiko

Matt · **Antwort #9 am:** 12. Januar 2012, 19:28:39

Das geht. Man sollte sich aber auf rudimentäre Sachen beschränken, die CSS-Unterstützung in E-Mail-Clients ist ziemlich bescheiden.

taxidd3 · **Antwort #10 am:** 12. Januar 2012, 19:35:39

Da steht aber immer noch meine Frage, woher in der Email der "head" und "body"-Tag herkommt, da er ja in der "order_mail.html" nicht definiert wird. Kann man den einfach davor setzen oder kommt der aus einer anderen Datei?

Grüße Heiko

taxidd3 · **Antwort #11 am:** 23. Januar 2012, 15:04:11

Weiß denn keiner, ob ich in der "order_mail.html" einfach ein <head> und <body> einfügen kann oder ob dies von einer anderen Datei definiert wird, die die "order_mail.html" lädt?

Grüße Heiko

franky_n · **Antwort #12 am:** 23. Januar 2012, 15:09:58

Hallo taxidd3,

ich weiß zwar nicht warum Du das nicht einfach ausprobierst, aber Du kannst einfach einen <head> und <body> dort einfügen...
In der send_order.php wird die Vorlage in Z.89 geladen:

Code: PHP [Auswählen]

$html_mail = $smarty->fetch(CURRENT_TEMPLATE.'/mail/'.$_SESSION['language'].'/order_mail.html');

Viele Grüße

Franky

Thema: CSS Formatierung der "order_mail.html" geht verloren

Drehstuhlpilot

CSS Formatierung der "order_mail.html" geht verloren

Drehstuhlpilot

CSS Formatierung der "order_mail.html" geht verloren

GTB

CSS Formatierung der "order_mail.html" geht verloren

Drehstuhlpilot

CSS Formatierung der "order_mail.html" geht verloren

Drehstuhlpilot

CSS Formatierung der "order_mail.html" geht verloren

franky_n

CSS Formatierung der "order_mail.html" geht verloren

taxidd3

Re: CSS Formatierung der "order_mail.html" geht verloren

Modulfux

Re: CSS Formatierung der "order_mail.html" geht verloren

taxidd3

Re: CSS Formatierung der "order_mail.html" geht verloren

Matt

Re: CSS Formatierung der "order_mail.html" geht verloren

taxidd3

Re: CSS Formatierung der "order_mail.html" geht verloren

taxidd3

Re: CSS Formatierung der "order_mail.html" geht verloren

franky_n

Re: CSS Formatierung der "order_mail.html" geht verloren

Teile Thema

Ähnliche Themen

Wie in der "order_mail.html" Bankdaten für "Vorkasse/Banküberweisung" einblenden

Formatierung in der order_mail.html

Formatierung {$DATE} in order_mail.html

Zahlmodule wie "sofortüberweisung" oder "paypal" und die Email "order_mail.