[Solved] Cel eigenschappen in Orderbevestiging aanpassen

[Kay van Aarssen]

Ik ben momenteel bezig met een prestashop winkel, mooi systeem maar ik loop even tegen een probleempje aan.

 

Hoe krijg ik de cellen in de orderbevestiging's mail de juiste breedte nu zijn ze zo:

 

Welke instellingen moet ik doen om deze terug te krijgen.

Ik neem aan dat deze bij de E-mail vertalingen zitten (bij edit this template)

 

Hoop snel wat van jullie te horen.

[AKJV]

Het is makkelijker te zien wat het probleem is met je HTML opmaak als je de onderliggende code laat zien. Dit kan je toevoegen aan een reply als 'code snippet'

[Kay van Aarssen]

Het is makkelijker te zien wat het probleem is met je HTML opmaak als je de onderliggende code laat zien. Dit kan je toevoegen aan een reply als 'code snippet'

 

Je bedoeld dan van de code bij de html editor ?

Je mag ook mee kijken via teamviewer ED is miss makkelijker?

[Kay van Aarssen]

Dit is als het goed is de hele HTML code

 

<table style="font-family: Verdana,sans-serif; font-size: 11px; color: #374953; width: 550px;">
<tbody>
<tr>
<td align="left"><a title="{shop_name}" href="%7Bshop_url%7D"><img src="http://ictwebsolution.nl/webwinkel/img/logo.jpg" alt="{shop_name}" width="635" height="73" /></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">Hallo <strong style="color: #db3484;">{firstname} {lastname}</strong>, bedankt voor het winkelen bij <strong>{shop_name}</strong>.</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em; color: #ffffff; font-size: 12px; font-weight: bold; background-color: #3f3f3f;" align="left">Order details</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">Order: <strong><span style="color: #db3484;">{order_name}</span> geplaatst op {date}</strong> <br /> Betaling: <strong>{payment}</strong></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="padding: 0.6em 0pt; width: 15%;">Referentie</th><th style="padding: 0.6em 0pt; width: 35%;">Product</th><th style="padding: 0.6em 0pt; width: 15%;">Eenheidsprijs</th><th style="padding: 0.6em 0pt; width: 15%;">Aantal</th><th style="padding: 0.6em 0pt; width: 20%;">Totaalbedrag</th></tr>
<!-- Products --><!-- Footer: prices -->
<tr style="text-align: right;">
<td> </td>
<td style="padding: 0.6em 0.4em; background-color: #b9babe;" colspan="3">Producten</td>
<td style="padding: 0.6em 0.4em; background-color: #b9babe;">{total_products}</td>
</tr>
<tr style="text-align: right;">
<td> </td>
<td style="padding: 0.6em 0.4em; background-color: #ebecee;" colspan="3">Kortingen</td>
<td style="padding: 0.6em 0.4em; background-color: #ebecee;">{total_discounts}</td>
</tr>
<tr style="text-align: right;">
<td> </td>
<td style="padding: 0.6em 0.4em; background-color: #ebecee;" colspan="3">Cadeaupakking</td>
<td style="padding: 0.6em 0.4em; background-color: #ebecee;">{total_wrapping}</td>
</tr>
<tr style="text-align: right;">
<td> </td>
<td style="padding: 0.6em 0.4em; background-color: #dde2e6;" colspan="3">Verzendkosten</td>
<td style="padding: 0.6em 0.4em; background-color: #dde2e6;">{total_shipping}</td>
</tr>
<tr style="text-align: right; font-weight: bold;">
<td> </td>
<td style="padding: 0.6em 0.4em; background-color: #f1aecf;" colspan="3">Totaalbedrag</td>
<td style="padding: 0.6em 0.4em; background-color: #f1aecf;">{total_paid}</td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em; color: #ffffff; font-size: 12px; font-weight: bold; background-color: #3f3f3f;" align="left">Verzending</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td align="left">Vervoerder: <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="padding: 0.3em 1em; text-align: left;">VERZENDADRES</th><th style="padding: 0.3em 1em; text-align: left;">FACTUURADRES</th></tr>
<tr>
<td style="padding: 0.5em 0pt 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 0pt 0.5em 0.5em; background-color: #ebecee;">{invoice_company} <br /> {invoice_vat_number} <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">U kunt deze order bekijken en uw factuur downloaden via de <a style="color: #db3484; font-weight: bold; text-decoration: none;" href="http://translations.prestashop.com/versions/svn/trunk/mails/nl/%7Bshop_url%7Dhistory.php">"Order geschiedenis"</a> sectie van uw account door op onze website te klikken op <a style="color: #db3484; font-weight: bold; text-decoration: none;" href="http://translations.prestashop.com/versions/svn/trunk/mails/nl/%7Bshop_url%7Dmy-account.php">"Mijn account"</a>.</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td style="border-top-width: 1px; border-top-style: solid; border-top-color: #d9dade; font-size: 10px; text-align: center;" align="center"><a style="color: #db3484; font-weight: bold; text-decoration: none;" href="%7Bshop_url%7D">{shop_name}</a></td>
</tr>
</tbody>
</table>

[AKJV]

Ik ondervind zelf geen probleem met het uitlijnen als ik je HTML code open in mijn webbrowser.

Maar ik zie wel een verschil met mijn html opmaak:

 

Dit stukje:

 

<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="padding: 0.6em 0pt; width: 15%;">Referentie</th><th style="padding: 0.6em 0pt; width: 35%;">Product</th><th style="padding: 0.6em 0pt; width: 15%;">Eenheidsprijs</th><th style="padding: 0.6em 0pt; width: 15%;">Aantal</th><th style="padding: 0.6em 0pt; width: 20%;">Totaalbedrag</th></tr>
<!-- Products --><!-- Footer: prices -->

 

is bij mij:

 

<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="padding: 0.6em 0pt; width: 15%;">Referentie</th><th style="padding: 0.6em 0pt; width: 35%;">Product</th><th style="padding: 0.6em 0pt; width: 15%;">Eenheidsprijs</th><th style="padding: 0.6em 0pt; width: 15%;">Aantal</th><th style="padding: 0.6em 0pt; width: 20%;">Totaalbedrag</th></tr>
<!-- Products -->{products} {discounts}<!-- Footer: prices -->

 

Zoals je ziet zijn de 'products' en 'discounts' calls bij mij lager geplaatst.

Ik zou zeggen probeer deze verandering in de code en stuur jezelf nog eens een test bestelbevestiging.

[Kay van Aarssen]

Maakt helaas nog geen verschil uit.

Heb is dat het enige wat er anders is aan jou HTML code van de orderbevestiging mail?

[AKJV]

Maakt helaas nog geen verschil uit.

Heb is dat het enige wat er anders is aan jou HTML code van de orderbevestiging mail?

 

Vervelend dat je probleem nog niet is opgelost.

 

Er zijn nog wel meer verschillen, maar vooral optisch. Mijn code bevat indents (tabs) wat de leesbaarheid bevordert. Ik gebruik ook niet de editor in het beheersysteem, die heeft de vervelende eigenschap dat het mijn HTML code (onnodig) aanpast. Ik gebruikt notepad++ om de code aan te passen en upload de HTML e-mail bestanden naar de /mails/nl folder.

 

Verder heb ik de engelstalige HTML emails als uitgangspunt gebruikt. Die zijn gestructureerder en fouten worden sneller gefixt door de developers.

 

Kan je eens je (lege) order_conf.html bestand openen in een webbrowser en kijken of de uitlijning nog steeds misgaat?

[AKJV]

Ik zie nu pas dat in je HTML code de header:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Bericht van {shop_name}</title>
</head>
<body>

 

en closing tags:

 

</body>
</html>

 

onbreekt. Dit kan wellicht ervoor zorgen dat je e-mail programma de HTML code niet goed interpreteert.

[Kay van Aarssen]

Ik zie nu pas dat in je HTML code de header:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Bericht van {shop_name}</title>
</head>
<body>

 

en closing tags:

 

</body>
</html>

 

onbreekt. Dit kan wellicht ervoor zorgen dat je e-mail programma de HTML code niet goed interpreteert.

 

Waar zie je die dan staan? en ik zal dan als dit allemaal gaat werken nu de volgende x met notpad++ editen ben nog niet zo goed met html enz maar moet lukken.

 

Hoop dat dit snel opgelost wordt.

 

Mocht je meer weten hierover of dit met mij snel door willen lopen dan hoor ik dit graag.

Je mag me ook mailen op [email protected]

[AKJV]

Ik heb nog eens voor je nagekeken: als ik de e-mail vertalingen in het beheersysteem bekijk en dan de HTML code opvraag via de editor, dan krijg ik ook de header/opening tags/closing tags niet te zien.

 

Ik neem aan dat je via die methode je code ge-copy/paste hebt in je post? Dan zijn de tags zeer waarschijnlijk wel aanwezig in je daadwerkelijke HTML emails.

 

Nogmaals, ik gebruik die editor niet omdat daarmee mijn code wordt vernaggeld. Je kunt de html e-mail bestanden ook los van het beheersysteem bekijken en aanpassen. De meeste e-mail bestanden kan je vinden in /mails/nl. Daarnaast zijn ook belangrijke e-mail bestanden in een aantal modules, waaronder /modules/mailalerts/mails/nl.

 

Wat ik zelf heb gedaan, is deze e-mail bestanden bewerkt in notepad++ (maar de standaard Windows notepad kan ook). Daarvoor heb ik meestal de engelstalige emails gebruikt (in /mails/en) en zelf in het Nederlands vertaald. Vervolgens de emails getest (door ze te bekijken in mijn webbrowser) en daarna weer ge-upload naar /mails/nl.

 

Wat je zou kunnen proberen is de Engelse versie van order_conf.html gebruiken en daarin je Nederlandse tekst (en je eigen style/kleuren) in te verwerken en daarna te uploaden naar /mails/nl. Hopelijk gaat het daarmee wel goed.

 

Tot slot, ik vond nog een andere topic met een vergelijkbaar probleem:

http://www.prestashop.com/forums/topic/120275-solved-order-confirmation-email-not-well-aligned/

 

De oplossing lijkt te maken te hebben met de lees/schrijfrechten van de mails folder maar ik vraag me af of dat bij jou ook van toepassing is...

[Kay van Aarssen]

Ik heb nu de engelse gepakt en die aangepast naar NL en nog steeds het zelfde resultaat zou je niet eens mee kunnen kijken wat ik nu fout doe.

[AKJV]

Ik heb nu de engelse gepakt en die aangepast naar NL en nog steeds het zelfde resultaat zou je niet eens mee kunnen kijken wat ik nu fout doe.

 

Voeg eens je order_conf.html bestand als attachment toe aan een post. Dan zal ik het testen in mijn eigen webshop, zodra ik wat tijd heb.

[Kay van Aarssen]

Ik heb nu de engelse gepakt en die aangepast naar NL en nog steeds het zelfde resultaat zou je niet eens mee kunnen kijken wat ik nu fout doe.

 

Voeg eens je order_conf.html bestand als attachment toe aan een post. Dan zal ik het testen in mijn eigen webshop, zodra ik wat tijd heb.

 

Oke ik zal de file toevoegen die ik nu heb staan dus de omgetoverde engelse...

order_conf.html

[Kay van Aarssen]

Probleem is opgelost:

 

Ik heb de prestashop versie 1.4.3 ergens geïnstalleerd hiervan de order_conf.html gepakt (de engelse)

 

Vervolgens heb ik deze naar wens bewerkt en vertaalt naar het Nederlands. Toen geüpload naar de huidige shop via FTP en toen werkte hij gewoon.

Misschien dat er een bug zit in het aanpassen van de E-mail templates (Online in het beheer systeem) maar dat weet ik niet zeker.