Custom Invoice Image Problem

Ask the community
, ,
1

#wixCode #onlineStore #invoices #html5 #css

Hey guys,

I’m generating a custom invoice with the help of SendGrid on each successful transaction on my online store. Everything is good except for the image, it doesn’t show up at all.

1920×1080 261 KB

The image is to be placed before the product’s name as you can see on the left on the screenshot above.

<table border="0" cellspacing="0" class="mcnTextContentContainer" width="100%" style="min-width:100% !important;">
                                <tbody><tr>
                                    <td valign="top" class="mcnTextContent" style="padding: 18px;color: #222222;font-family: Helvetica;font-size: 14px;font-weight: normal;line-height: 100%;text-align: left;">

/////Below is the image file ${imgsrc}

<img alt=${imgalt} data-file-id="4313933" height="21" src=${imgsrc} style="border: 0px initial ; width: 35px; height: 21px; margin: 0px;" width="35">&nbsp;${item}
                                    </td>
                                </tr>
                            </tbody></table>
                        </td>
                    </tr>
                </tbody></table>

I have defined the values to be picked up from the Cart (Repeater) such as this

let item = $item("#itemName").text;
let price = $item("#price").text;
let imgsrc = $item("#itemImage").src; 
let imgalt = $item("#itemImage").alt;

This is what my Cart looks like

1366×694 83.9 KB

I do not understand because each and every value in the email such as name, order number, subtotal, total, etc. is being picked up properly. Its only the image that is not showing up.

Does anyone spot any error?