MetatroncubeSoftwareSolutions/shopify-custom-email-plugin
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Add logo to dark header banner with base64 embed for Gmail compatibility

Browse Source
This commit is contained in:
Alaguraj0361 2026-05-18 23:19:56 +05:30
parent f18a018a38
commit f0026f65dd
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
mailer.js
View File

@ -106,10 +106,22 @@ const sendEmailWithAttachment = async (toEmail, orderData, pdfBuffer) => {
<td align="center"> <td align="center">
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); overflow: hidden; padding: 30px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" style="max-width: 600px; background-color: #ffffff; border-radius: 12px; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03); overflow: hidden; padding: 30px;">
<!-- DARK HEADER BANNER --> <!-- DARK HEADER BANNER with LOGO -->
<tr> <tr>
<td style="background-color: #3d3d3d; padding: 24px 30px; border-radius: 8px 8px 0 0; margin-bottom: 0;"> <td style="background-color: #3d3d3d; padding: 20px 30px; border-radius: 8px 8px 0 0;">
<h1 style="font-family: Helvetica, Arial, sans-serif; font-size: 26px; font-weight: bold; color: #ffffff; margin: 0;">New Order: #${orderNumber}</h1> <table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="vertical-align: middle;">
${logoBase64
? `<img src="data:${logoMimeType};base64,${logoBase64}" alt="rayaarishop" style="height: 55px; width: auto; display: block;" />`
: `<span style="font-family: Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold; color: #ffffff;">rayaarishop</span>`
}
</td>
<td align="right" style="vertical-align: middle;">
<h1 style="font-family: Helvetica, Arial, sans-serif; font-size: 22px; font-weight: bold; color: #ffffff; margin: 0;">New Order: #${orderNumber}</h1>
</td>
</tr>
</table>
</td> </td>
</tr> </tr>