Product Image Not Showing In Order Confirmation Emails

SteelWolf · ‎03-22-2024

For my order confirmation email received by a customer, the product image is missing (showing as a broken image link). I identified this while submitting a test order to myself.

The store link is: steelwolf-creations.com

The image missing is pointing to: https://cdn.shopify.com/s/files/1/0559/8039/2497/files/CTO-Isometric_498e79e9-78d1-46ab-9512-26b99c9... which is returning a 404.

The source data from the email is:

</head>
<body style="margin: 0;font-family: Verdana;font-size: 12.0px;">

<title>

Thank you for your purchase!

</title>

<table class="row" style="width: 100.0%;border-spacing: 0;border-collapse: collapse;">
<tbody><tr>
<td class="shop-name__cell">
<h1 class="shop-name__text" style="font-weight: normal;font-size: 30.0px;color: rgb(51,51,51);margin: 0;">
<a href="https://deref-mail.com/mail/client/jC2FREhkPKI/dereferrer/?redirectUrl=https%3A%2F%2Fsteelwolf-creat..." style="font-size: 30.0px;color: rgb(51,51,51);text-decoration: none;" target="_blank">SteelWolf Creations</a>
</h1>
</td>

<td>
</td>
</tr>
<tr>
<td align="right" class="order-number__cell" style="text-transform: uppercase;font-size: 14.0px;color: rgb(153,153,153);">
<span class="order-number__text" style="font-size: 16.0px;">
Order #1001
</span>
</td>
</tr>

</tbody></table>

</td>
</tr>
</tbody></table>

</center>
</td>
</tr>
</tbody></table>

<table class="row content" style="width: 100.0%;border-spacing: 0;border-collapse: collapse;">
<tbody><tr>
<td class="content__cell" style="padding-bottom: 40.0px;border-width: 0;">
<center>
<table class="container" style="width: 560.0px;text-align: left;border-spacing: 0;border-collapse: collapse;margin: 0 auto;">
<tbody><tr>
<td>

<h2 style="font-weight: normal;font-size: 24.0px;margin: 0 0 10.0px;">

Thank you for your purchase!

</h2>
<p style="color: rgb(119,119,119);line-height: 150.0%;font-size: 16.0px;margin: 0;">

We're getting your order ready to be shipped. We will notify you when it has been sent.

</p>

<table class="row actions" style="width: 100.0%;border-spacing: 0;border-collapse: collapse;margin-top: 20.0px;">
<tbody><tr>
<td class="empty-line" style="line-height: 0.0em;"> </td>
</tr>
<tr>
<td class="actions__cell">
<table class="button main-action-cell" style="border-spacing: 0;border-collapse: collapse;float: left;margin-right: 15.0px;">
<tbody><tr>
<td align="center" bgcolor="#1990C6" class="button__cell"><a class="button__text" href="https://deref-mail.com/mail/client/pOszwSNFHBQ/dereferrer/?redirectUrl=https%3A%2F%2Fsteelwolf-creat..." style="font-size: 16.0px;text-decoration: none;display: block;color: rgb(255,255,255);padding: 20.0px 25.0px;" target="_blank">View your order</a></td>
</tr>
</tbody></table>

<table class="link secondary-action-cell" style="border-spacing: 0;border-collapse: collapse;margin-top: 19.0px;">
<tbody><tr>
<td align="center" class="link__cell">or <a href="https://deref-mail.com/mail/client/iTU-fJW1fLU/dereferrer/?redirectUrl=https%3A%2F%2Fsteelwolf-creat..." style="font-size: 16.0px;text-decoration: none;color: rgb(25,144,198);" target="_blank">Visit our store</a>
</td>
</tr>
</tbody></table>

</td>
</tr>
</tbody></table>

</td>
</tr>
</tbody></table>
</center>
</td>
</tr>
</tbody></table>

<table class="row section" style="width: 100.0%;border-spacing: 0;border-collapse: collapse;">
<tbody><tr>
<td class="section__cell" style="padding: 40.0px 0;">
<center>
<table class="container" style="width: 560.0px;text-align: left;border-spacing: 0;border-collapse: collapse;margin: 0 auto;">
<tbody><tr>
<td>
<h3 style="font-weight: normal;font-size: 20.0px;margin: 0 0 25.0px;">Order summary</h3>
</td>
</tr>
</tbody></table>
<table class="container" style="width: 560.0px;text-align: left;border-spacing: 0;border-collapse: collapse;margin: 0 auto;">
<tbody><tr>
<td>

<table class="row" style="width: 100.0%;border-spacing: 0;border-collapse: collapse;">

<tbody><tr class="order-list__item" style="width: 100.0%;">
<td class="order-list__item__cell">
<table style="border-spacing: 0;border-collapse: collapse;">
<tbody><tr><td>

<img align="left" class="order-list__product-image" height="60" src="https://cdn.shopify.com/s/files/1/0559/8039/2497/files/CTO-Isometric_498e79e9-78d1-46ab-9512-26b99c9..." style="margin-right: 15.0px;border: 1.0px solid rgb(229,229,229);" width="60"/>

</td>
<td class="order-list__product-description-cell" style="width: 100.0%;">

</td>
<td class="order-list__price-cell" style="white-space: nowrap;">

<p align="right" class="order-list__item-price" style="color: rgb(85,85,85);line-height: 150.0%;font-size: 16.0px;font-weight: 600;margin: 4.0px 0 0 15.0px;">

$1.00

</p>
</td>
</tr></tbody></table>
</td>
</tr>
</tbody></table>

<tbody><tr class="subtotal-line">
<td class="subtotal-line__title" style="padding: 2.0px 0;">
<p style="color: rgb(119,119,119);line-height: 1.2em;font-size: 16.0px;margin: 4.0px 0 0;">
<span style="font-size: 16.0px;">Subtotal</span>
</p>
</td>
<td align="right" class="subtotal-line__value" style="padding: 2.0px 0;">
<strong style="font-size: 16.0px;color: rgb(85,85,85);">$1.00</strong>
</td>
</tr>

<tr class="subtotal-line">
<td class="subtotal-line__title" style="padding: 2.0px 0;">
<p style="color: rgb(119,119,119);line-height: 1.2em;font-size: 16.0px;margin: 4.0px 0 0;">
<span style="font-size: 16.0px;">Shipping</span>
</p>
</td>
<td align="right" class="subtotal-line__value" style="padding: 2.0px 0;">
<strong style="font-size: 16.0px;color: rgb(85,85,85);">$0.00</strong>
</td>
</tr>

<tr class="subtotal-line">
<td class="subtotal-line__title" style="padding: 2.0px 0;">
<p style="color: rgb(119,119,119);line-height: 1.2em;font-size: 16.0px;margin: 4.0px 0 0;">
<span style="font-size: 16.0px;">Taxes</span>
</p>
</td>
<td align="right" class="subtotal-line__value" style="padding: 2.0px 0;">
<strong style="font-size: 16.0px;color: rgb(85,85,85);">$0.08</strong>
</td>
</tr>

</tbody></table>

<table class="row subtotal-table subtotal-table--total" style="width: 100.0%;border-spacing: 0;border-collapse: collapse;margin-top: 20.0px;border-top-width: 2.0px;border-top-color: rgb(229,229,229);border-top-style: solid;">

<tbody><tr class="subtotal-line">
<td class="subtotal-line__title" style="padding: 20.0px 0 0;">
<p style="color: rgb(119,119,119);line-height: 1.2em;font-size: 16.0px;margin: 4.0px 0 0;">
<span style="font-size: 16.0px;">Total</span>
</p>
</td>
<td align="right" class="subtotal-line__value" style="padding: 20.0px 0 0;">
<strong style="font-size: 24.0px;color: rgb(85,85,85);">$1.08 USD</strong>
</td>
</tr>

</tbody></table>

</td>
</tr>
</tbody></table>

</td>
</tr>
</tbody></table>
</center>
</td>
</tr>
</tbody></table>

<table class="row section" style="width: 100.0%;border-spacing: 0;border-collapse: collapse;">
<tbody><tr>
<td class="section__cell" style="padding: 40.0px 0;">
<center>
<table class="container" style="width: 560.0px;text-align: left;border-spacing: 0;border-collapse: collapse;margin: 0 auto;">
<tbody><tr>
<td>
<h3 style="font-weight: normal;font-size: 20.0px;margin: 0 0 25.0px;">Customer information</h3>
</td>
</tr>
</tbody></table>
<table class="container" style="width: 560.0px;text-align: left;border-spacing: 0;border-collapse: collapse;margin: 0 auto;">
<tbody><tr>
<td>

<table class="row" style="width: 100.0%;border-spacing: 0;border-collapse: collapse;">
<tbody><tr>

<td class="customer-info__item" style="padding-bottom: 40.0px;width: 50.0%;" valign="top">
<h4 style="font-weight: 500;font-size: 16.0px;color: rgb(85,85,85);margin: 0 0 5.0px;">Shipping address</h4>
<p style="color: rgb(119,119,119);line-height: 150.0%;font-size: 16.0px;margin: 0;">Richard Burch<br/>2325 Roadrunner Dr<br/>Flower Mound TX 75022<br/>United States</p>
</td>

<td class="customer-info__item" style="padding-bottom: 40.0px;width: 50.0%;" valign="top">
<h4 style="font-weight: 500;font-size: 16.0px;color: rgb(85,85,85);margin: 0 0 5.0px;">Billing address</h4>
<p style="color: rgb(119,119,119);line-height: 150.0%;font-size: 16.0px;margin: 0;">Richard Burch<br/>2325 Roadrunner Dr<br/>Flower Mound TX 75022<br/>United States</p>
</td>

</tr>
</tbody></table>
<table class="row" style="width: 100.0%;border-spacing: 0;border-collapse: collapse;">
<tbody><tr>

<td class="customer-info__item" style="padding-bottom: 40.0px;width: 50.0%;" valign="top">
<h4 style="font-weight: 500;font-size: 16.0px;color: rgb(85,85,85);margin: 0 0 5.0px;">Payment</h4>
<p class="customer-info__item-content" style="color: rgb(119,119,119);line-height: 150.0%;font-size: 16.0px;margin: 0;">

<img alt="Visa" class="customer-info__item-credit" height="24" src="https://cdn.shopify.com/shopifycloud/shopify/assets/themes_support/notifications/visa-e96781bbd9d5a6..." style="height: 24.0px;display: inline-block;margin-right: 10.0px;margin-top: 5.0px;margin-bottom: -6.0px;"/>
<span style="font-size: 16.0px;">ending with 2185</span><br/>

</p>
</td>

</tr>
<tr>

<td class="customer-info__item" style="padding-bottom: 40.0px;width: 50.0%;" valign="top">
<h4 style="font-weight: 500;font-size: 16.0px;color: rgb(85,85,85);margin: 0 0 5.0px;">Shipping method</h4>
<p style="color: rgb(119,119,119);line-height: 150.0%;font-size: 16.0px;margin: 0;">

Economy

</p>
</td>

</tr>
</tbody></table>

</td>
</tr>
</tbody></table>
</center>
</td>
</tr>
</tbody></table>

<table class="row footer" style="width: 100.0%;border-spacing: 0;border-collapse: collapse;border-top-width: 1.0px;border-top-color: rgb(229,229,229);border-top-style: solid;">
<tbody><tr>
<td class="footer__cell" style="padding: 35.0px 0;">
<center>
<table class="container" style="width: 560.0px;text-align: left;border-spacing: 0;border-collapse: collapse;margin: 0 auto;">
<tbody><tr>
<td>

<p class="disclaimer__subtext" style="color: rgb(153,153,153);line-height: 150.0%;font-size: 14.0px;margin: 0;">If you have any questions, reply to this email or contact us at <a href="mailto:steelwolf_creations@yahoo.com" onclick="parent.window.phx.iac.notify('mail_compose', {'to':['steelwolf_creations@yahoo.com']}); return false;" style="font-size: 14.0px;text-decoration: none;color: rgb(25,144,198);" target="_blank">steelwolf_creations@yahoo.com</a></p>
</td>
</tr>
</tbody></table>
</center>
</td>
</tr>
</tbody></table>

</td>
</tr>
</tbody></table>

</body></html>

Woovo · ‎05-09-2024

Any help for this issue? I m facing exactly the same problem

SteelWolf · ‎06-27-2024

Just an update to say I never received any response at all on the topic. It's still broken.

Product Image Not Showing In Order Confirmation Emails

Product Image Not Showing In Order Confirmation Emails

Community Blog Articles