Logo and product photos not shown on order confirmation email

Start a Business
1

Hi, I could use some help

When I used localization for my country(Croatia) and translated all my notification emails and sent myself a test email I see that when I used localization my logo and product photos are not shown.

Also “view your order” button is not working.

I didn’t change anything in the codes, I used automatic translation.

When I used English and sent myself a test email everything is normal, logo and product photos are shown and “view your order” button is working.

Thanks

2

Hello @IrenaP ,

It’s GemPages support team and glad to support you today.

To provide you with the most precise solution in this case, could you please share the Order Confirmation Email code?

Thank you and hope to hear from you.

Best regards,
GemPages Support Team

3

Hi,

Thank you for reaching out. I found mistakes in the code, was comparing it with the english version. There was “no translate parts” (see below code for invoice mail notification).

I had to change it manually for shipping and order confirmation email, it’s time consuming.

Here is the example of the invoice email code. Will I have to change the code for each notification manually ?

{{ email_title }} .button__cell { background: {{ shop.email_accent_color }}; } a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
{%- if shop.email_logo_url %} <span class='notranslate'>{{ shop.name }}</span> {%- else %}

{{ shop.name }}

{%- endif %} 		Faktura {{ order_name }}
{% if payment_terms.type == 'receipt' and payment_terms.next_payment.due_at == nil %} {% assign due_date = 'now' %} {% else %} {% assign due_date = payment_terms.next_payment.due_at | default: nil %} {% endif %}

Plaćanje od {{ order.total_outstanding | money }} dospijeva {{ due_date | date: format: 'date' }}

{% if custom_message != blank %}

{{ custom_message }}

{% endif %} {% if checkout_payment_collection_url %}
Plati sada
{% endif %}

Sažetak narudžbe

{% for line in subtotal_line_items %} {% endfor %}
{% if line.image %} {% endif %} {% if line.product.title %} {% assign line_title = line.product.title %} {% else %} {% assign line_title = line.title %} {% endif %} {% if line.quantity < line.quantity %} {% capture line_display %} {{ line.quantity }} od {{ line.quantity }} {% endcapture %} {% else %} {% assign line_display = line.quantity %} {% endif %} {{ line_title }} × {{ line_display }}
{% if line.variant.title != 'Default Title' %} {{ line.variant.title }}
{% endif %} {% if line.selling_plan_allocation %} {{ line.selling_plan_allocation.selling_plan.name }}
{% endif %} {% if line.refunded_quantity > 0 %} Povrat {% endif %} {% if line.discount_allocations %} {% for discount_allocation in line.discount_allocations %} {% if discount_allocation.discount_application.target_selection != 'all' %} {{ discount_allocation.discount_application.title | upcase }} (- {{ discount_allocation.amount | money }} ) {% endif %} {% endfor %} {% endif %} 		{% if line.original_line_price != line.final_line_price %} {{ line.original_line_price | money }} {% endif %}

{% if line.final_line_price > 0 %} {{ line.final_line_price | money }} {% else %} Besplatno {% endif %}
{% for discount_application in discount_applications %} {% if discount_application.target_selection == 'all' %} {% capture discount_title %} {% if discount_application.title %} {{ discount_application.title | upcase }} {% else %} Popust {% endif %} {% endcapture %} {% endif %} {% endfor %} {% if total_tip_received and total_tip_received > 0 %} {% endif %}

Popust {{ discount_title }}

 - {{ discount_application.total_allocated_amount | money }}

Međuzbroj

 {{ subtotal_price | money }}

dostava

 {{ shipping_price | money }}

Procijenjeni porezi

 {{ tax_price | money }}

Savjet

 {{ total_tip_received | money }}
{% if total_price > total_outstanding %} {% else %}

Ukupno ažurirano

 {{ total_price | money }}

Već plaćeno

 {{ net_payment | money }}

Iznos za plaćanje

 {{ total_outstanding | money_with_currency }}

Iznos za plaćanje

 {{ total_outstanding | money_with_currency }}
{% endif %}
{% if shipping_address or billing_address or shipping_method %}

Informacije za kupce

{% if shipping_address %} {% endif %} {% if billing_address %} {% endif %}

Dostavna adresa

{{ shipping_address | format_address }}

Adresa za naplatu

{{ billing_address | format_address }}
{% if shipping_method %}

Metoda slanja

{{ shipping_method.title }}
{{ shipping_method.price | money }}

{% endif %}
{% endif %}

Ako imate pitanja, odgovorite na ovu e-poruku ili nas kontaktirajte na {{ shop.email }}

4

Hello @IrenaP ,

That’s right, you need to change the code for each notification manually. It’s a bit inconvenient but there’s no other way.

In addition, since the templates are written in HTML and Liquid so please be careful.

Best regards,
GemPages Support Team

5

Hi @IrenaP , Rich from the product team. We’re looking into this - sorry you’ve had this problem and had to spend time on it. We think it’s an error with how auto-translate is working with liquid code inside HTML. We’ll revert.

6

Thank you!

It would be really helpful that I don’t have to go manually check and correct the code since I’m not a programmer and don’t want to mess something up and it’s really time consuming.

7

Same issue one year later. Any fix for this? My customers are getting messed up emails …

8

Hi,

Is there an update to this? I can’t send such terrible looking emails to my clients. Can I turn off Shopify emails, so that I can send them from Klaviyo?

Thank you!

9

Hi @Karlis_1 , what’s the specific issue you have?

10

Hi,

When I try to localize Order confirmation the localized email no longer has any images, same as the problem above. No logo, product images, buttons etc. Only text.

When I delete translation and switch back to English images are there again.

11

Sounds like the formatting of the notification (its HTML and Liquid) might have got broken; what language are you doing this in? And what’s the history with this notification, have you ever manually translated it?

12

I copied the source and all of them were translated manually without making any changes to the code.

Is there a way to turn off order accepted notification on Shopify to send it from Kleviyo?

13

Hi @Karlis_1 , looking at your Order Confirmation in Latvian it’s not translated. Did you recently delete translations?

Screenshot 2023-12-16 at 22.39.36.png
Screenshot 2023-12-16 at 22.39.36.png3021×1534 388 KB

This forum is Translate & Adapt so for Klaviyo you’d need to speak to them or perhaps Shopify general support, but I should be able to get you up and running with the native notifications.

If you have the code that you manually translated send that to me and I’ll take a look