Product Image Not Showing In Order Confirmation Emails

SteelWolf
Visitor
1 0 0

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:

 

<html><head>


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

 



<title>

Thank you for your purchase!

</title>





<table class="body" style="height: 100.0%;width: 100.0%;border-spacing: 0;border-collapse: collapse;">
<tbody><tr>
<td>
<table class="header row" style="width: 100.0%;border-spacing: 0;border-collapse: collapse;margin: 40.0px 0 20.0px;">
<tbody><tr>
<td class="header__cell">
<center>

<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="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&#39;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;">&nbsp;</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%;">

 

<span class="order-list__item-title" style="font-size: 16.0px;font-weight: 600;line-height: 1.4;color: rgb(85,85,85);">Test Item&nbsp;&times;&nbsp;1</span><br/>

 

 

 

 

 




</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;">

&#36;1.00

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

<table class="row subtotal-lines" style="width: 100.0%;border-spacing: 0;border-collapse: collapse;margin-top: 15.0px;border-top-width: 1.0px;border-top-color: rgb(229,229,229);border-top-style: solid;">
<tbody><tr>
<td class="subtotal-spacer" style="width: 40.0%;"></td>
<td>
<table class="row subtotal-table" style="width: 100.0%;border-spacing: 0;border-collapse: collapse;margin-top: 20.0px;">

 

 

 

 


<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);">&#36;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);">&#36;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);">&#36;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);">&#36;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(&#39;mail_compose&#39;, {&#39;to&#39;:[&#39;steelwolf_creations@yahoo.com&#39;]}); 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>

<img class="spacer" height="1" src="https://cdn.shopify.com/shopifycloud/shopify/assets/themes_support/notifications/spacer-1a26dfd5c56b..." style="min-width: 600.0px;height: 0;"/>

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

 


</body></html>

Replies 0 (0)