copenhagentruckwash/api
1
0
Fork 0
Code Issues Pull Requests 1 Actions 2 Packages Projects Releases Wiki Activity

Improve email templates with MSO compatibility and enhanced styling

Browse Source 
- Refactor header and footer to support Outlook Classic (MSO) rendering.
- Adjust logo sizing, alignment, and styles for improved consistency.
- Update inline styles for better cross-platform email rendering.
This commit is contained in:
Jeppe Bundgaard
2026-02-18 15:43:19 +01:00
parent 3f512a4fa6
commit f292152135
2 changed files with 52 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
services/nginx/app/modules/email/templates/email_template_footer.php
+32 -13
View File
@@ -19,19 +19,38 @@ class email_template_footer
# Start of the html
?>
<!-- Footer -->
<br><br>
<div style="max-width: 600px;">
<img src="https://usercontent.one/wp/www.truckwash.dk/wp-content/uploads/2021/04/truckwash-banner-png.png"
alt="Truck Wash logo" style="width: 25%; height: auto; display: block; margin: 0 auto;">
<p style="text-align: center;"><a href="https://truckwash.dk/">Truckwash ApS</a> | <a
href="https://datacvr.virk.dk/enhed/virksomhed/41004355"> CVR: 41004355</a> | <a
href="https://truckwash.dk/">https://truckwash.dk</a></p>
<p style="text-align: center;"><a href="mailto:cph@truckwash.dk"
style="color: black; text-decoration: none;">Send os en email på
cph@truckwash.dk</a> - <a href="tel:+4543717886" style="color: black; text-decoration: none;">Ring
til os på (+45) 43 71 78 86</a></p>
</div>
<!-- Footer with Outlook Classic support -->
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="margin:0;padding:0;">
<tr>
<td align="center" style="padding:24px 0 0 0;">
<!--[if mso]>
<table role="presentation" width="600" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center">
<![endif]-->
<div style="max-width:600px;margin:0 auto;">
<img src="https://usercontent.one/wp/www.truckwash.dk/wp-content/uploads/2021/04/truckwash-banner-png.png"
alt="Truck Wash logo" width="150"
style="width:25%;max-width:150px;height:auto;display:block;margin:0 auto 10px auto;line-height:0;border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;">
<p style="margin:0 0 8px 0;text-align:center;mso-line-height-rule:exactly;line-height:150%;font-family:Arial, sans-serif;font-size:14px;color:#000000;">
<a href="https://truckwash.dk/" style="color:#000000;text-decoration:none;">Truckwash ApS</a> |
<a href="https://datacvr.virk.dk/enhed/virksomhed/41004355" style="color:#000000;text-decoration:none;"> CVR: 41004355</a> |
<a href="https://truckwash.dk/" style="color:#000000;text-decoration:none;">https://truckwash.dk</a>
</p>
<p style="margin:0 0 8px 0;text-align:center;mso-line-height-rule:exactly;line-height:150%;font-family:Arial, sans-serif;font-size:14px;color:#000000;">
<a href="mailto:cph@truckwash.dk" style="color:#000000;text-decoration:none;">Send os en email på cph@truckwash.dk</a>
&nbsp;-&nbsp;
<a href="tel:+4543717886" style="color:#000000;text-decoration:none;">Ring til os på (+45) 43 71 78 86</a>
</p>
</div>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<?php
# End of the html
services/nginx/app/modules/email/templates/email_template_header.php
+20 -6
View File
@@ -19,12 +19,26 @@ class email_template_header
# Start of the html
?>
<!-- Logo centered -->
<div style="text-align: center; margin-bottom: 20px;">
<img src="https://usercontent.one/wp/www.truckwash.dk/wp-content/uploads/2021/04/truckwash-banner-png.png"
alt="Truck Wash logo"
style="width: 100%; max-width: 600px; height: auto;">
</div>
<!-- Header: centered logo with Outlook Classic support -->
<table role="presentation" width="100%" cellspacing="0" cellpadding="0" border="0" style="margin:0;padding:0;">
<tr>
<td align="center" style="padding:0 0 20px 0;">
<!--[if mso]>
<table role="presentation" width="600" cellspacing="0" cellpadding="0" border="0">
<tr>
<td align="center">
<![endif]-->
<img src="https://usercontent.one/wp/www.truckwash.dk/wp-content/uploads/2021/04/truckwash-banner-png.png"
alt="Truck Wash logo" width="600"
style="width:100%;max-width:600px;height:auto;display:block;line-height:0;border:0;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;">
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<?php
# End of the html