Jump to content

Email keep bugging out


Recommended Posts

Hello, Im starting my own E-shop.

And im also translating it all to Swedish, though - now the e-mail template buggs out both in english and Swedish.

 

Now, it should look like this (This is one of the first test orders I did, to see front-end translations)

order2.JPG

 

Though, it looks like this(This is after I've edited the Order_conf. file to match my language.

BUT I did copy all the original HTML back in, to "fix" it. But nope, here it is.

order1.JPG

Does anyone know a solution? If so, PLEASE help!

Kinda' need a solution till 30th June, as the release date is 1st July.

 

Here's the HTML code aswell.

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Meddelande från {shop_name}</title>
</head>
<body>
<p> </p>
<table style="font-family: Verdana,sans-serif; font-size: 11px; color: #374953; width: 550px;">
<tbody>
<tr>
<td align="left"><a title="{shop_name}" href="{shop_url}"><img style="border: none;" src="{shop_logo}" alt="{shop_name}"></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">Hello <strong style="color: #db3484;">{firstname} {lastname}</strong>, thank you for shopping with <strong>{shop_name}</strong>.</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="background-color: #db3484; color: #fff; font-size: 12px; font-weight: bold; padding: 0.5em 1em;" align="left">Order details</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">
<p>Order: <strong><span style="color: #db3484;">{order_name}</span> placed on {date}</strong> <span style="color: #374953; font-family: Verdana, sans-serif; font-size: 11px;">Payment: </span><strong style="color: #374953; font-family: Verdana, sans-serif; font-size: 11px;">{payment}</strong></p>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">{products} {discounts}
<table style="width: 100%; font-family: Verdana,sans-serif; font-size: 11px; color: #374953;"><!-- Title -->
<tbody>
<tr style="background-color: #b9babe; text-align: center;"><th style="width: 15%; padding: 0.6em 0;">Reference</th><th style="width: 35%; padding: 0.6em 0;">Product</th><th style="width: 15%; padding: 0.6em 0;">Unit price</th><th style="width: 15%; padding: 0.6em 0;">Quantity</th><th style="width: 20%; padding: 0.6em 0;">Total price</th></tr>
<!-- Products --><!-- Footer: prices -->
<tr style="text-align: right;">
<td> </td>
<td style="background-color: #b9babe; padding: 0.6em 0.4em;" colspan="3">Products</td>
<td style="background-color: #b9babe; padding: 0.6em 0.4em;">{total_products}</td>
</tr>
<tr style="text-align: right;">
<td> </td>
<td style="background-color: #ebecee; padding: 0.6em 0.4em;" colspan="3">Discounts</td>
<td style="background-color: #ebecee; padding: 0.6em 0.4em;">{total_discounts}</td>
</tr>
<tr style="text-align: right;">
<td> </td>
<td style="background-color: #ebecee; padding: 0.6em 0.4em;" colspan="3">Gift-wrapping</td>
<td style="background-color: #ebecee; padding: 0.6em 0.4em;">{total_wrapping}</td>
</tr>
<tr style="text-align: right;">
<td> </td>
<td style="background-color: #dde2e6; padding: 0.6em 0.4em;" colspan="3">Shipping</td>
<td style="background-color: #dde2e6; padding: 0.6em 0.4em;">{total_shipping}</td>
</tr>
<tr style="text-align: right; font-weight: bold;">
<td> </td>
<td style="background-color: #f1aecf; padding: 0.6em 0.4em;" colspan="3">Total paid</td>
<td style="background-color: #f1aecf; padding: 0.6em 0.4em;">{total_paid}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="background-color: #db3484; color: #fff; font-size: 12px; font-weight: bold; padding: 0.5em 1em;" align="left">Shipping</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">Carrier: <strong>{carrier}</strong></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<table style="width: 100%; font-family: Verdana,sans-serif; font-size: 11px; color: #374953;">
<tbody>
<tr style="background-color: #b9babe; text-transform: uppercase;"><th style="text-align: left; padding: 0.3em 1em;">Delivery address</th><th style="text-align: left; padding: 0.3em 1em;">Billing address</th></tr>
<tr>
<td style="padding: 0.5em 0 0.5em 0.5em; background-color: #ebecee;">{delivery_company} <br><span style="color: #db3484; font-weight: bold;">{delivery_firstname} {delivery_lastname}</span> <br>{delivery_address1} <br>{delivery_address2} <br>{delivery_city} {delivery_postal_code} <br>{delivery_country} {delivery_state} <br>{delivery_phone} <br>{delivery_other}</td>
<td style="padding: 0.5em 0 0.5em 0.5em; background-color: #ebecee;">{invoice_company} <br><span style="color: #db3484; font-weight: bold;">{invoice_firstname} {invoice_lastname}</span> <br>{invoice_address1} <br>{invoice_address2} <br>{invoice_city} {invoice_postal_code} <br>{invoice_country} {invoice_state} <br>{invoice_phone} <br>{invoice_other}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">You can review this order and download your invoice from the <a style="color: #db3484; font-weight: bold; text-decoration: none;" href="{shop_url}history.php">"Order history"</a> section of your account by clicking <a style="color: #db3484; font-weight: bold; text-decoration: none;" href="{shop_url}my-account.php">"My account"</a> on our Website.</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="font-size: 10px; border-top: 1px solid #D9DADE;" align="center"><a style="color: #db3484; font-weight: bold; text-decoration: none;" href="{shop_url}">{shop_name}</a> powered with <a style="text-decoration: none; color: #374953;" href="http://www.prestashop.com/">PrestaShop™</a></td>
</tr>
</tbody>
</table>
</body></html>

 

Thanks in advance.

Edited by branduslex (see edit history)
Link to comment
Share on other sites

Try this I noticed a few issues but nothing that caused the formatting issue inside the editor.

I did change a few things.

Took the <p> tags out not needed, changed the address sections see if it works.

Also moved these tags {products} {discounts }to same position as inside my order file.

 

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Meddelande från {shop_name}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>
<body>
<table style="font-family: Verdana,sans-serif; font-size: 11px; color: #374953; width: 550px;">
<tbody>
<tr>
<td align="left"><a title="{shop_name}" href="{shop_url}"><img style="border: none;" src="{shop_logo}" alt="{shop_name}"></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">Hello <strong style="color: #db3484;">{firstname} {lastname}</strong>, thank you for shopping with <strong>{shop_name}</strong>.</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="background-color: #db3484; color: #fff; font-size: 12px; font-weight: bold; padding: 0.5em 1em;" align="left">Order details</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">Order: <strong><span style="color: #db3484;">{order_name}</span> placed on {date}</strong> <span style="color: #374953; font-family: Verdana, sans-serif; font-size: 11px;">Payment: </span><strong style="color: #374953; font-family: Verdana, sans-serif; font-size: 11px;">{payment}</strong></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">
<table style="width: 100%; font-family: Verdana,sans-serif; font-size: 11px; color: #374953;"><!-- Title -->
<tbody>
<tr style="background-color: #b9babe; text-align: center;"><th style="width: 15%; padding: 0.6em 0;">Reference</th><th style="width: 35%; padding: 0.6em 0;">Product</th><th style="width: 15%; padding: 0.6em 0;">Unit price</th><th style="width: 15%; padding: 0.6em 0;">Quantity</th><th style="width: 20%; padding: 0.6em 0;">Total price</th></tr>
<!-- Products -->{products} {discounts} <!-- Footer: prices -->
<tr style="text-align: right;">
<td> </td>
<td style="background-color: #b9babe; padding: 0.6em 0.4em;" colspan="3">Products</td>
<td style="background-color: #b9babe; padding: 0.6em 0.4em;">{total_products}</td>
</tr>
<tr style="text-align: right;">
<td> </td>
<td style="background-color: #ebecee; padding: 0.6em 0.4em;" colspan="3">Discounts</td>
<td style="background-color: #ebecee; padding: 0.6em 0.4em;">{total_discounts}</td>
</tr>
<tr style="text-align: right;">
<td> </td>
<td style="background-color: #ebecee; padding: 0.6em 0.4em;" colspan="3">Gift-wrapping</td>
<td style="background-color: #ebecee; padding: 0.6em 0.4em;">{total_wrapping}</td>
</tr>
<tr style="text-align: right;">
<td> </td>
<td style="background-color: #dde2e6; padding: 0.6em 0.4em;" colspan="3">Shipping</td>
<td style="background-color: #dde2e6; padding: 0.6em 0.4em;">{total_shipping}</td>
</tr>
<tr style="text-align: right; font-weight: bold;">
<td> </td>
<td style="background-color: #f1aecf; padding: 0.6em 0.4em;" colspan="3">Total paid</td>
<td style="background-color: #f1aecf; padding: 0.6em 0.4em;">{total_paid}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="background-color: #db3484; color: #fff; font-size: 12px; font-weight: bold; padding: 0.5em 1em;" align="left">Shipping</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">Carrier: <strong>{carrier}</strong></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<table style="width: 100%; font-family: Verdana,sans-serif; font-size: 11px; color: #374953;">
<tbody>
<tr style="background-color: #b9babe; text-transform: uppercase;"><th style="text-align: left; padding: 0.3em 1em;">Delivery address</th><th style="text-align: left; padding: 0.3em 1em;">Billing address</th></tr>
<tr>
<td style="padding: 0.5em 0 0.5em 0.5em; background-color: #ebecee;">{delivery_block_html}</td>
<td style="padding: 0.5em 0 0.5em 0.5em; background-color: #ebecee;">{invoice_block_html}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">You can review this order and download your invoice from the <a style="color: #db3484; font-weight: bold; text-decoration: none;" href="{shop_url}history.php">"Order history"</a> section of your account by clicking <a style="color: #db3484; font-weight: bold; text-decoration: none;" href="{shop_url}my-account.php">"My account"</a> on our Website.</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="font-size: 10px; border-top: 1px solid #D9DADE;" align="center"><a style="color: #db3484; font-weight: bold; text-decoration: none;" href="{shop_url}">{shop_name}</a> powered with <a style="text-decoration: none; color: #374953;" href="http://www.prestashop.com/">PrestaShop™</a></td>
</tr>
</tbody>
</table>
</body>
</html>

Edited by tdr170 (see edit history)
Link to comment
Share on other sites

Thanks alot for your help tdr170.

Though, it didnt really help. But you gave your best ;)

 

Anyhow, I found a "solution", it doesnt look very pretty but much better still.

This:

<table style="font-family: Verdana,sans-serif; font-size: 11px; color: #374953; width: 550px;">
<tbody>
<tr>
<td align="left"><a title="{shop_name}" href="{shop_url}"><img style="border: none;" src="{shop_logo}" alt="{shop_name}" /></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">Hej <strong style="color: #db3484;">{firstname} {lastname}</strong>, tack för att du handlar av <strong>{shop_name}</strong>.</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="background-color: #db3484; color: #fff; font-size: 12px; font-weight: bold; padding: 0.5em 1em;" align="left">Orderdetaljer</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">Order: <strong><span style="color: #db3484;">{order_name}</span> beställt den {date}</strong> <span style="color: #374953; font-family: Verdana, sans-serif; font-size: 11px;">Betalnings sätt: </span><strong style="color: #374953; font-family: Verdana, sans-serif; font-size: 11px;">{payment}</strong></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left"><br />
<table style="width: 100%; font-family: Verdana,sans-serif; font-size: 11px; color: #374953;"><!-- Title -->
<tbody>
<tr style="background-color: #b9babe; text-align: center;"><th style="width: 15%; padding: 0.6em 0;">Referens</th><th style="width: 35%; padding: 0.6em 0;">Produkt</th><th style="width: 15%; padding: 0.6em 0;">Enhetspris</th><th style="width: 15%; padding: 0.6em 0;">Antal</th><th style="width: 20%; padding: 0.6em 0;">Summa</th></tr>
<!-- Products --><!-- Footer: prices -->
<tr style="text-align: right;">
<td> </td>
<td style="background-color: #ffffff; padding: 0.6em 0.4em;" colspan="3"><span style="font-family: Verdana, sans-serif; font-size: 11px; font-style: normal; background-color: #ffffff;">{products} {discounts}</span></td>
<td style="background-color: #ffffff; padding: 0.6em 0.4em;"> </td>
</tr>
<tr style="text-align: right;">
<td> </td>
<td style="background-color: #b9babe; padding: 0.6em 0.4em;" colspan="3">Produkter</td>
<td style="background-color: #b9babe; padding: 0.6em 0.4em;">{total_products}</td>
</tr>
<tr style="text-align: right;">
<td> </td>
<td style="background-color: #ebecee; padding: 0.6em 0.4em;" colspan="3">Rabatter</td>
<td style="background-color: #ebecee; padding: 0.6em 0.4em;">{total_discounts}</td>
</tr>
<tr style="text-align: right;">
<td> </td>
<td style="background-color: #dde2e6; padding: 0.6em 0.4em;" colspan="3">Frakt</td>
<td style="background-color: #dde2e6; padding: 0.6em 0.4em;">{total_shipping}</td>
</tr>
<tr style="text-align: right; font-weight: bold;">
<td> </td>
<td style="background-color: #f1aecf; padding: 0.6em 0.4em;" colspan="3">Order Summa</td>
<td style="background-color: #f1aecf; padding: 0.6em 0.4em;">{total_paid}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="background-color: #db3484; color: #fff; font-size: 12px; font-weight: bold; padding: 0.5em 1em;" align="left">Transport</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">Transportör: <strong>{carrier}</strong></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td>
<table style="width: 100%; font-family: Verdana,sans-serif; font-size: 11px; color: #374953;">
<tbody>
<tr style="background-color: #b9babe; text-transform: uppercase;"><th style="text-align: left; padding: 0.3em 1em;">LEVERANSADRESS</th><th style="text-align: left; padding: 0.3em 1em;">FAKTURA ADRESS</th></tr>
<tr>
<td style="padding: 0.5em 0 0.5em 0.5em; background-color: #ebecee;">{delivery_block_html}</td>
<td style="padding: 0.5em 0 0.5em 0.5em; background-color: #ebecee;">{invoice_block_html}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">Du kan granska denna order och ladda ner din faktura från <a style="color: #db3484; font-weight: bold; text-decoration: none;" href="{shop_url}history.php">"Order historik"</a> delen av ditt konto genom att klicka på <a style="color: #db3484; font-weight: bold; text-decoration: none;" href="{shop_url}my-account.php">"Mitt Konto"</a> på vår hemsida.</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="font-size: 10px; border-top: 1px solid #D9DADE;" align="center"><a style="color: #db3484; font-weight: bold; text-decoration: none;" href="{shop_url}">{shop_name}</a> powered with <a style="text-decoration: none; color: #374953;" href="http://www.prestashop.com/">PrestaShop™</a></td>
</tr>
</tbody>
</table>

gave this:

order3.JPG

 

That will have to do, untill I or someone figure out a proper solution to this problem!

Thanks.

Link to comment
Share on other sites

And to be honest with you, tdr170.

It doesnt allow me to even test:

<!-- Products -->{products} {discounts} <!-- Footer: prices -->

It instantly sets it back to:

<td align="left">{products} {discounts}

(its original line, in my case)

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...