Broken table layout of "Order confirm" mail

[hisapon]

Hello.

Sorry for my bad English and I'm using google translate.

 

I am in the process of customizing Prestashop for the shop opening.

I'm Japanese, and I'm doing business for Japanese people only.
I plan to configure Prestashop that way as well.

Currently my Prestashop has two languages installed. It's in English and Japanese.

I have my back office set to English and the shop front has English and Japanese options. This will eventually be set to Japanese only.

We have completed the theme translation and various other customizations, and are currently in the process of translating and customizing the text of the automatically sent emails.

I stumbled a bit with the email sending settings, but now it's sending just fine.

However, I noticed that the layout of the email sent from the system to the customer after the order was confirmed was greatly broken.

This happens when the customer selects Japanese on the storefront.
The layout is not broken if the customer orders in English.

I made an effort to find this bug on this forum.
I found a topic with several users having the same problem.

I also tried copying "order_conf_product_list.tpl" and "order_conf_product_list.txt" from "mails/_partials/" to "mails/ja".

But the layout is still broken.

Anyone building Prestashop in multiple languages and the layout isn't broken?

 

Prestashop version 1.7.8.7

Edited November 11, 2022 by hisapon (see edit history)

[hisapon]

Sorry, I forgot to attach the image.

[hisapon]

Anyone have the same issue?
Is this an already resolved issue?

[Chrisu]

Same here, any tips?

[Prestag0od]

Anyone solve this?

[Yulia Vitun]

the same issue on PS 8.1.2  with Dutch language

we need a solution

[GoHuFlame]

themes/yourtheme/mails/yourlanguage/order_conf.html

find this: {products} {discounts}
and move here:

 

<th bgcolor="#FDFDFD" style="font-family: Open sans, Arial, sans-serif; font-size: 12px; background-color: #fdfdfd; color: #353943; font-weight: 600; padding: 10px 5px; border: 1px solid #DFDFDF;">Total Price</th>
</tr>
{products} {discounts}  
<tr class="order_summary">
<td bgcolor="#FDFDFD" colspan="3" align="right" style="border-collapse: collapse; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-family: Open sans, Arial, sans-serif; background-color: #fdfdfd; color: #353943; font-weight: 600; font-size: 14px; padding: 10px; border: 1px solid #DFDFDF;">Products</td>