I ma creating a new Email Template Design for sales using the standard J2Commerce: Add / Edit email template route.
All is fine apart from where I want to use an image as a background to the cell in the first row of the output table - here's part of my code - the orange line is relevant.
<table style="width: 600px; border-collapse: collapse; height: 691.844px;" border="0" width="600" cellspacing="0" cellpadding="0" align="center"><tbody><tr style="height: 200px;" valign="top"><td style="padding: 0px; height: 200px; width: 601.5px;" colspan="2" align="center" bgcolor="transparent" width="600" height="200"><div style="height: 200px; width: 600px; background-image: url('/images/cellbackground.jpg'); background-repeat: no-repeat; background-size: 600px 200px; background-color: #ffffff;">
...
...
...
In preview mode (in the Editor) all is well and I can see my artwork image, but in the received email the image is not displayed.
I edited as follows (to nail in the full path):
<div style="height: 200px; width: 600px; background-image: url('https://mywebsite.com/images/cellbackground.jpg'); background-repeat: no-repeat; background-size: 600px 200px; background-color: #ffffff;">
However, when I save this comma the URL is stripped back to what it was originally, i.e.
https://mywebsite.com/images/cellbackground.jpg'
reverts to
url('images/cellbackground.jpg')
What am I doing wrong?