Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

E-Mail Template Alignment Rate Topic   - - - - -

 

Posted 14 March 2018 - 06:27 PM #1

We recently upgraded to 4.7.2.SP2, and noticed on many orders after the upgrade that the email template (for the order notifications) seems to be adding another column or extra characters or something so that the columns do not line up perfectly anymore.  It doesn't do this on every email notification, but most now have this offset alignment issue, which does not make the notifications look polished anymore. (See attachment).  Any thoughts on how or where to fix it?

Thanks!

 

 

SIDE NOTE:

We also noticed that the email message body background of the e-mail notifications automatically changed to the custom background color of our website theme (not good here since our website background was set to a very dark color - the contrast with the text was poor) - We switched the website theme background color to white to fix this, but maybe a cs-cart developer could split up these two background color tags in future updates?

 

Everything else seems to be working great so far!



 
  • tbirnseth
  • CS Cart Expert
  • Authorized Reseller
  • Join Date: 08-Nov 08
  • 10952 posts

Posted 14 March 2018 - 08:37 PM #2

Are you using the older (better) email templates?  Or the new email editor?

 

For either, you may have an addon that is trying to add a column (incorrectly) for data that may or may not be present.

 

Regarding the background, in the older (better) email templates, all the CSS is embedded within each element. So the only real possibility would be that again, an addon is adding the background color.  What does a view source of the email show?

 

Note there was no attachment(s) to your post.


EZ Merchant Solutions: Custom (USA based) B2B Development, Consulting, Development and Special Projects (get a quote here).
Commercial addons, payment methods and modifications to meet your business and operations needs.


 

Posted 15 March 2018 - 06:15 PM #3

Thanks for the reply!  We're using the "Email templates mode: New (Nice and editable via admin panel)".  

The attachment may not be allowed until I have the required posts restrictions removed(?). I'll see if can be added here...

 

I looked at the Add-ons, and none stood out. We tried to keep add-ons to a minimal since the cart has tons of features out of the box already when originally installed about a year ago.

Attached Thumbnails

  • Email-Template.jpg


 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 18342 posts

Posted 16 March 2018 - 06:21 AM #4

Start from checking items in Products table in the Documents section (Invoice and Order Summary)

 

Open Item description, switch WYSIWYG to source code mode and make sure that all html tags are closed correctly


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.


 

Posted 28 March 2018 - 06:18 PM #5

Thanks for the reply!  I was on vacation last week, so I finally had a chance to look at the code:

In Documents->Invoice->Products table->Item description, the code seems fine to me - pretty basic:

 

<table>

<tbody>
<tr>
<td style="padding-right: 20px;" rowspan="2">{{ p.image }}</td>
<td style="vertical-align: middle; text-align: left;"><span style="font-family: Helvetica, Arial, sans-serif; text-transfrom: uppercase;"><strong style="font-weight: 600;">{{ p.name }}</strong></span></td>
</tr>
<tr>
<td style="vertical-align: top; text-align: left;"><span style="font-size: 11px; font-weight: 400; font-family: Helvetica, Arial, sans-serif; color: #a8a8a8;">{% if p.product_code %}{{ p.product_code }}<br /> {% endif %}{% if p.options %}{{ p.options }}{% endif %}</span></td>
</tr>
</tbody>
</table>
 
And in Documents->Order summary->Products table->Item description, the code there also seems ok:
<table>
<tbody>
<tr>
<td style="padding-right: 20px; font-family: Helvetica, Arial, sans-serif;" rowspan="2">{{ p.image }}</td>
<td style="vertical-align: middle; text-align: left;"><span style="font-family: Helvetica, Arial, sans-serif; text-transfrom: uppercase;"><strong style="font-weight: 600;">{{ p.name }}</strong></span></td>
</tr>
<tr>
<td style="vertical-align: top; text-align: left; font-family: Helvetica, Arial, sans-serif;"><span style="font-size: 11px; font-weight: 400; font-family: Helvetica, Arial, sans-serif; color: #a8a8a8;">{% if p.product_code %}{{ p.product_code }}<br /> {% endif %}{% if p.options %}{{ p.options }}{% endif %}</span></td>
</tr>
</tbody>
</table>
 
Am I missing something? Thanks...


 

Posted 28 March 2018 - 06:32 PM #6

I did notice a typo in the code above: "text-transfrom: uppercase" in both areas, so I changed it to "text-transform: uppercase" in each area - maybe that would do it?  I would think invalid CSS coding would just be somewhat ignored much of the time(?)



 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 18342 posts

Posted 29 March 2018 - 05:32 AM #7

I did notice a typo in the code above: "text-transfrom: uppercase" in both areas, so I changed it to "text-transform: uppercase" in each area - maybe that would do it?  I would think invalid CSS coding would just be somewhat ignored much of the time(?)

 

Such kind of typo should not brake anything. It is required to examine issue on your server. Please contact support team


GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    CS-Cart RU                         24500 руб.
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      CS-Cart RU + UniTheme    36000 руб.