Global expansion, localizing content, and selling in multiple currencies and languages
Hello all! I am having a massive problem with our Shopify notification emails. Since we offer a service and not a product to a multilingual market, the order confirmation emails included in Shopify are completely unsuitable for us.
I have changed the code for the English one to my liking, and have now tried to change the Spanish one as well following a tutorial but unfortunately doing a test order I saw that it has not been applied.
Here is the code I have entered:
{% case attributes.lang %} {% when 'es' %} {% capture email_title %}Gracias por tu compra. {% endcapture %} {% capture email_body %} {% if requires_shipping %} {% case delivery_method %} {% when 'pick-up' %} You’ll receive an email when your order is ready for pickup. {% when 'local' %} Hi {{ customer.first_name }}, we're getting your order ready for delivery. {% else %} Tu pedido está confirmado. En breve, recibirás un correo electrónico con la fecha y hora del curso reservado para que puedas añadirlo a tu calendario. <p> Recuerda traer al curso un <b>cuaderno de notas</b> y un <b>bolígrafo</b>. </p> <br/>Por favor, no dudes en <a style="text-decoration:underline" href="https://medcanuniversity.com/pages/contact" target="blank">ponerse en contacto</a> con nosotros si tienes alguna pregunta. {% endcase %} {% if delivery_instructions != blank %} <p><b>Delivery information:</b> {{ delivery_instructions }}</p> {% endif %} {% if consolidated_estimated_delivery_time %} <p> Estimated delivery <b>{{ consolidated_estimated_delivery_time }}</b> </p> {% endif %} {% endif %} {% endcapture %} <!DOCTYPE html> <html lang="en"> <head> <title>{{ email_title }}</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css"> <style> .button__cell { background: {{ shop.email_accent_color }}; } p,h1,h2,h3,h4,a, a:hover, a:active, a:visited { color: rgb(0, 128, 128); } td{min-width:100px} </style> </head> <body> <table class="body"> <tr> <td> <table class="header row"> <tr> <td class="header__cell"> <center> <table class="container"> <tr> <td> <table class="row"> <tr> <td class="shop-name__cell"> {%- if shop.email_logo_url %} <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}"> {%- else %} <h1 class="shop-name__text"> <a href="{{shop.url}}">{{ shop.name }}</a> </h1> {%- endif %} </td> <td class="order-number__cell"> <span class="order-number__text"> Order {{ order_name }} </span> </td> </tr> </table> </td> </tr> </table> </center> </td> </tr> </table> <table class="row content"> <tr> <td class="content__cell"> <center> <table class="container"> <tr> <td> <h2>{{ email_title }}</h2> <p>{{ email_body }}</p> {% assign transaction_count = transactions | size %} {% if transaction_count > 0 %} {% for transaction in transactions %} {% if transaction.show_buyer_pending_payment_instructions? %} <p> {{transaction.buyer_pending_payment_notice}} </p> <p> <table class="row"> <tr> {% for instruction in transaction.buyer_pending_payment_instructions %} <td>{{ instruction.header }}</td> {% endfor %} <td>Amount</td> </tr> <tr> {% for instruction in transaction.buyer_pending_payment_instructions %} <td>{{ instruction.value }}</td> {% endfor %} <td>{{transaction.amount | money}}</td> </tr> </table> </p> {% endif %} {% endfor%} {% endif %} {% if order_status_url %} <table class="row actions"> <tr> <td class="empty-line"> </td> </tr> <tr> <td class="actions__cell"> <table class="button main-action-cell"> <tr> <td class="button__cell"><a href="{{ order_status_url }}" class="button__text">Consulta el pedido</a></td> </tr> </table> {% if shop.url %} <table class="link secondary-action-cell"> <tr> <td class="link__cell">or <a href="{{ shop.url }}">Visita nuestra página</a></td> </tr> </table> {% endif %} </td> </tr> </table> {% else %} {% if shop.url %} <table class="row actions"> <tr> <td class="actions__cell"> <table class="button main-action-cell"> <tr> <td class="button__cell"><a href="{{ shop.url }}" class="button__text">Visit our store</a></td> </tr> </table> </td> </tr> </table> {% endif %} {% endif %} </td> </tr> </table> </center> </td> </tr> </table> {% assign gift_card_line_item = line_items | where: "gift_card" %} {% if gift_card_line_item.first %} <table class="row section"> <tr> <td class="section__cell"> <center> <table class="container"> <tr> <td> <h3>Gift card</h3> </td> </tr> </table> <table class="container"> <tr> <td> <p> You’ll receive separate emails for any gift cards.</p> </td> </tr> </table> </center> </td> </tr> </table> {% endif %} <table class="row section"> <tr> <td class="section__cell"> <center> <table class="container"> <tr> <td> <h3>Resumen del pedidos</h3> </td> </tr> </table> <table class="container"> <tr> <td> <table class="row"> {% for line in subtotal_line_items %} <tr class="order-list__item"> <td class="order-list__item__cell"> <table> <td> {% if line.image %} <img src="{{ line | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/> {% endif %} </td> <td class="order-list__product-description-cell"> {% 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 }} of {{ line.quantity }} {% endcapture %} {% else %} {% assign line_display = line.quantity %} {% endif %} <span class="order-list__item-title">{{ line_title }} × {{ line_display }}</span><br/> {% if line.variant.title != 'Default Title' %} <span class="order-list__item-variant">{{ line.variant.title }}</span><br/> {% endif %} {% if line.selling_plan_allocation %} <span class="order-list__item-variant">{{ line.selling_plan_allocation.selling_plan.name }}</span><br/> {% endif %} {% if line.refunded_quantity > 0 %} <span class="order-list__item-refunded">Refunded</span> {% endif %} {% if line.discount_allocations %} {% for discount_allocation in line.discount_allocations %} {% if discount_allocation.discount_application.target_selection != 'all' %} <span class="order-list__item-discount-allocation"> <img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" /> <span> {{ discount_allocation.discount_application.title | upcase }} (-{{ discount_allocation.amount | money }}) </span> </span> {% endif %} {% endfor %} {% endif %} </td> <td class="order-list__price-cell"> {% if line.original_line_price != line.final_line_price %} <del class="order-list__item-original-price">{{ line.original_line_price | money }}</del> {% endif %} <p class="order-list__item-price"> {% if line.final_line_price > 0 %} {{ line.final_line_price | money }} {% else %} Free {% endif %} </p> </td> </table> </td> </tr>{% endfor %} </table> <table class="row subtotal-lines"> <tr> <td class="subtotal-spacer"></td> <td> <table class="row subtotal-table"> {% for discount_application in discount_applications %} {% if discount_application.target_selection == 'all' %} {% capture discount_title %} {% if discount_application.title %} {{ discount_application.title | upcase }} {% else %} Discount {% endif %} {% endcapture %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Descuento</span> <span class="subtotal-line__discount"> <img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" /> <span class="subtotal-line__discount-title">{{ discount_title }}</span> </span> </p> </td> <td class="subtotal-line__value"> <strong>-{{ discount_application.total_allocated_amount | money }}</strong> </td> </tr> {% endif %} {% endfor %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Subtotal</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ subtotal_price | money }}</strong> </td> </tr> {% if delivery_method == 'pick-up' %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Pickup</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ shipping_price | money }}</strong> </td> </tr> {% else %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Shipping</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ shipping_price | money }}</strong> </td> </tr> {% endif %} {% if total_duties %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Duties</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ total_duties | money }}</strong> </td> </tr> {% endif %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Impuestos</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ tax_price | money }}</strong> </td> </tr> {% if total_tip and total_tip > 0 %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Tip</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ total_tip | money }}</strong> </td> </tr> {% endif %} </table> {% assign transaction_size = 0 %} {% assign transaction_amount = 0 %} {% for transaction in transactions %} {% if transaction.status == "success" %} {% unless transaction.kind == "authorization" or transaction.kind == "void" %} {% assign transaction_size = transaction_size | plus: 1 %} {% assign transaction_amount = transaction_amount | plus: transaction.amount %} {% endunless %} {% endif %} {% endfor %} <table class="row subtotal-table subtotal-table--total"> {% if payment_terms %} {% assign due_at_date = payment_terms.next_payment.due_at | date: "%b %d, %Y" %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Total paid today</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ transaction_amount | money_with_currency }}</strong> </td> </tr> <div class="payment-terms"> <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Total due {{ due_at_date }}</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ payment_terms.next_payment.amount_due | money_with_currency }}</strong> </td> </tr> </div> {% else %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Total</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ total_price | money_with_currency }}</strong> </td> </tr> {% endif %} </table> {% if total_discounts > 0 %} <p class="total-discount"> You saved <span class="total-discount--amount">{{ total_discounts | money }}</span> </p> {% endif %} {% unless payment_terms %} {% if transaction_size > 1 or transaction_amount < total_price %} <table class="row subtotal-table"> <tr><td colspan="2" class="subtotal-table__line"></td></tr> <tr><td colspan="2" class="subtotal-table__small-space"></td></tr> {% for transaction in transactions %} {% if transaction.status == "success" and transaction.kind == "capture" or transaction.kind == "sale" %} {% if transaction.payment_details.credit_card_company %} {% capture transaction_name %}{{ transaction.payment_details.credit_card_company }} (ending in {{ transaction.payment_details.credit_card_last_four_digits }}){% endcapture %} {% else %} {% capture transaction_name %}{{ transaction.gateway_display_name }}{% endcapture %} {% endif %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>{{transaction_name}}</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ transaction.amount | money }}</strong> </td> </tr> {% endif %} {% if transaction.kind == 'refund' %} {% if transaction.payment_details.credit_card_company %} {% assign refund_method_title = transaction.payment_details.credit_card_company %} {% else %} {% assign refund_method_title = transaction.gateway %} {% endif %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Refund</span> <br> <small>{{ refund_method_title | capitalize }}</small> </p> </td> <td class="subtotal-line__value"> <strong>- {{ transaction.amount | money }}</strong> </td> </tr> {% endif %} {% endfor %} </table> {% endif %} {% endunless %} </td> </tr> </table> </td> </tr> </table> </center> </td> </tr> </table> <table class="row section"> <tr> <td class="section__cell"> <center> <table class="container"> <tr> <td> <h3>Datos del cliente</h3> </td> </tr> </table> <table class="container"> <tr> <td> <table class="row"> <tr> <td class="customer-info__item"> <h4>Dirección de facturación</h4> {{ billing_address | format_address }} </td> </tr> </table> <table class="row"> <tr> {% if company_location %} <td class="customer-info__item"> <h4>Location</h4> <p> {{ company_location.name }} </p> </td> {% endif %} {% if transaction_size > 0 or payment_terms %} <td class="customer-info__item"> <h4>Payment</h4> <p class="customer-info__item-content"> {% if payment_terms %} {% assign due_date = payment_terms.next_payment.due_at | default: nil %} {% if payment_terms.type == 'receipt' or payment_terms.type == 'fulfillment' and payment_terms.next_payment.due_at == nil %} {{ payment_terms.translated_name }}<br> {% else %} {{ payment_terms.translated_name }}: Due {{ due_date | date: format: 'date' }}<br> {% endif %} {% endif %} {% if transaction_size > 0 %} {% for transaction in transactions %} {% if transaction.status == "success" or transaction.status == "pending" %} {% if transaction.kind == "capture" or transaction.kind == "sale" %} {% if transaction.payment_details.credit_card_company %} <img src="{{ transaction.payment_details.credit_card_company | payment_icon_png_url }}" class="customer-info__item-credit" height="24" alt="{{ transaction.payment_details.credit_card_company }}"> <span>ending with {{ transaction.payment_details.credit_card_last_four_digits }}</span><br> {% elsif transaction.gateway_display_name == "Gift card" %} <img src="{{ transaction.gateway_display_name | downcase | replace: ' ', '-' | payment_type_img_url }}" class="customer-info__item-credit" height="24"> ending with {{ transaction.payment_details.gift_card.last_four_characters | upcase }}<br>     Gift card balance - <b>{{ transaction.payment_details.gift_card.balance | money }}</b> {% elsif transaction.gateway_display_name != "Shop Cash" %} {{ transaction.gateway_display_name }}<br> {% endif %} {% elsif transaction.kind == "authorization" and transaction.gateway_display_name == "Shop Cash" %} <span>Shop Cash - <b>{{ transaction.amount | money }}</b></span> {% endif %} {% endif %} {% endfor %} {% endif %} </p> </td> {% endif %} </tr> </table> </td> </tr> </table> </center> </td> </tr> </table> <table class="row footer"> <tr> <td class="footer__cell"> <center> <table class="container"> <tr> <td> <p class="disclaimer__subtext">Si tienes alguna pregunta, responda a este correo electrónico o ponte en contacto con nosotros en <a href="mailto:{{ shop.email }}">{{ shop.email }}</a></p> </td> </tr> </table> </center> </td> </tr> </table> <img src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" /> </td> </tr> </table> </body> </html> {% else %} {% capture email_title %}Thank you for your purchase! {% endcapture %} {% capture email_body %} {% if requires_shipping %} {% case delivery_method %} {% when 'pick-up' %} You’ll receive an email when your order is ready for pickup. {% when 'local' %} Hi {{ customer.first_name }}, we're getting your order ready for delivery. {% else %} Your order is confirmed. Shortly, you will receive an email with the date and time of your booked course so that you can add it to your calendar. <p> Remember to bring a <b> notepad and pen </b> to the course. </p> <br/>Please don't hesitate to <a style="text-decoration:underline" href="https://medcanuniversity.com/pages/contact" target="blank">get in touch</a> with us if you have any questions! {% endcase %} {% if delivery_instructions != blank %} <p><b>Delivery information:</b> {{ delivery_instructions }}</p> {% endif %} {% if consolidated_estimated_delivery_time %} <p> Estimated delivery <b>{{ consolidated_estimated_delivery_time }}</b> </p> {% endif %} {% endif %} {% endcapture %} <!DOCTYPE html> <html lang="en"> <head> <title>{{ email_title }}</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width"> <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css"> <style> .button__cell { background: {{ shop.email_accent_color }}; } p,h1,h2,h3,h4,a, a:hover, a:active, a:visited { color: rgb(0, 128, 128); } td{min-width:100px} </style> </head> <body> <table class="body"> <tr> <td> <table class="header row"> <tr> <td class="header__cell"> <center> <table class="container"> <tr> <td> <table class="row"> <tr> <td class="shop-name__cell"> {%- if shop.email_logo_url %} <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}"> {%- else %} <h1 class="shop-name__text"> <a href="{{shop.url}}">{{ shop.name }}</a> </h1> {%- endif %} </td> <td class="order-number__cell"> <span class="order-number__text"> Order {{ order_name }} </span> </td> </tr> </table> </td> </tr> </table> </center> </td> </tr> </table> <table class="row content"> <tr> <td class="content__cell"> <center> <table class="container"> <tr> <td> <h2>{{ email_title }}</h2> <p>{{ email_body }}</p> {% assign transaction_count = transactions | size %} {% if transaction_count > 0 %} {% for transaction in transactions %} {% if transaction.show_buyer_pending_payment_instructions? %} <p> {{transaction.buyer_pending_payment_notice}} </p> <p> <table class="row"> <tr> {% for instruction in transaction.buyer_pending_payment_instructions %} <td>{{ instruction.header }}</td> {% endfor %} <td>Amount</td> </tr> <tr> {% for instruction in transaction.buyer_pending_payment_instructions %} <td>{{ instruction.value }}</td> {% endfor %} <td>{{transaction.amount | money}}</td> </tr> </table> </p> {% endif %} {% endfor%} {% endif %} {% if order_status_url %} <table class="row actions"> <tr> <td class="empty-line"> </td> </tr> <tr> <td class="actions__cell"> <table class="button main-action-cell"> <tr> <td class="button__cell"><a href="{{ order_status_url }}" class="button__text">View your order</a></td> </tr> </table> {% if shop.url %} <table class="link secondary-action-cell"> <tr> <td class="link__cell">or <a href="{{ shop.url }}">Visit our store</a></td> </tr> </table> {% endif %} </td> </tr> </table> {% else %} {% if shop.url %} <table class="row actions"> <tr> <td class="actions__cell"> <table class="button main-action-cell"> <tr> <td class="button__cell"><a href="{{ shop.url }}" class="button__text">Visit our store</a></td> </tr> </table> </td> </tr> </table> {% endif %} {% endif %} </td> </tr> </table> </center> </td> </tr> </table> {% assign gift_card_line_item = line_items | where: "gift_card" %} {% if gift_card_line_item.first %} <table class="row section"> <tr> <td class="section__cell"> <center> <table class="container"> <tr> <td> <h3>Gift card</h3> </td> </tr> </table> <table class="container"> <tr> <td> <p> You’ll receive separate emails for any gift cards.</p> </td> </tr> </table> </center> </td> </tr> </table> {% endif %} <table class="row section"> <tr> <td class="section__cell"> <center> <table class="container"> <tr> <td> <h3>Order summary</h3> </td> </tr> </table> <table class="container"> <tr> <td> <table class="row"> {% for line in subtotal_line_items %} <tr class="order-list__item"> <td class="order-list__item__cell"> <table> <td> {% if line.image %} <img src="{{ line | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/> {% endif %} </td> <td class="order-list__product-description-cell"> {% 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 }} of {{ line.quantity }} {% endcapture %} {% else %} {% assign line_display = line.quantity %} {% endif %} <span class="order-list__item-title">{{ line_title }} × {{ line_display }}</span><br/> {% if line.variant.title != 'Default Title' %} <span class="order-list__item-variant">{{ line.variant.title }}</span><br/> {% endif %} {% if line.selling_plan_allocation %} <span class="order-list__item-variant">{{ line.selling_plan_allocation.selling_plan.name }}</span><br/> {% endif %} {% if line.refunded_quantity > 0 %} <span class="order-list__item-refunded">Refunded</span> {% endif %} {% if line.discount_allocations %} {% for discount_allocation in line.discount_allocations %} {% if discount_allocation.discount_application.target_selection != 'all' %} <span class="order-list__item-discount-allocation"> <img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" /> <span> {{ discount_allocation.discount_application.title | upcase }} (-{{ discount_allocation.amount | money }}) </span> </span> {% endif %} {% endfor %} {% endif %} </td> <td class="order-list__price-cell"> {% if line.original_line_price != line.final_line_price %} <del class="order-list__item-original-price">{{ line.original_line_price | money }}</del> {% endif %} <p class="order-list__item-price"> {% if line.final_line_price > 0 %} {{ line.final_line_price | money }} {% else %} Free {% endif %} </p> </td> </table> </td> </tr>{% endfor %} </table> <table class="row subtotal-lines"> <tr> <td class="subtotal-spacer"></td> <td> <table class="row subtotal-table"> {% for discount_application in discount_applications %} {% if discount_application.target_selection == 'all' %} {% capture discount_title %} {% if discount_application.title %} {{ discount_application.title | upcase }} {% else %} Discount {% endif %} {% endcapture %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Discount</span> <span class="subtotal-line__discount"> <img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" /> <span class="subtotal-line__discount-title">{{ discount_title }}</span> </span> </p> </td> <td class="subtotal-line__value"> <strong>-{{ discount_application.total_allocated_amount | money }}</strong> </td> </tr> {% endif %} {% endfor %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Subtotal</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ subtotal_price | money }}</strong> </td> </tr> {% if delivery_method == 'pick-up' %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Pickup</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ shipping_price | money }}</strong> </td> </tr> {% else %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Shipping</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ shipping_price | money }}</strong> </td> </tr> {% endif %} {% if total_duties %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Duties</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ total_duties | money }}</strong> </td> </tr> {% endif %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Taxes</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ tax_price | money }}</strong> </td> </tr> {% if total_tip and total_tip > 0 %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Tip</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ total_tip | money }}</strong> </td> </tr> {% endif %} </table> {% assign transaction_size = 0 %} {% assign transaction_amount = 0 %} {% for transaction in transactions %} {% if transaction.status == "success" %} {% unless transaction.kind == "authorization" or transaction.kind == "void" %} {% assign transaction_size = transaction_size | plus: 1 %} {% assign transaction_amount = transaction_amount | plus: transaction.amount %} {% endunless %} {% endif %} {% endfor %} <table class="row subtotal-table subtotal-table--total"> {% if payment_terms %} {% assign due_at_date = payment_terms.next_payment.due_at | date: "%b %d, %Y" %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Total paid today</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ transaction_amount | money_with_currency }}</strong> </td> </tr> <div class="payment-terms"> <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Total due {{ due_at_date }}</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ payment_terms.next_payment.amount_due | money_with_currency }}</strong> </td> </tr> </div> {% else %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Total</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ total_price | money_with_currency }}</strong> </td> </tr> {% endif %} </table> {% if total_discounts > 0 %} <p class="total-discount"> You saved <span class="total-discount--amount">{{ total_discounts | money }}</span> </p> {% endif %} {% unless payment_terms %} {% if transaction_size > 1 or transaction_amount < total_price %} <table class="row subtotal-table"> <tr><td colspan="2" class="subtotal-table__line"></td></tr> <tr><td colspan="2" class="subtotal-table__small-space"></td></tr> {% for transaction in transactions %} {% if transaction.status == "success" and transaction.kind == "capture" or transaction.kind == "sale" %} {% if transaction.payment_details.credit_card_company %} {% capture transaction_name %}{{ transaction.payment_details.credit_card_company }} (ending in {{ transaction.payment_details.credit_card_last_four_digits }}){% endcapture %} {% else %} {% capture transaction_name %}{{ transaction.gateway_display_name }}{% endcapture %} {% endif %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>{{transaction_name}}</span> </p> </td> <td class="subtotal-line__value"> <strong>{{ transaction.amount | money }}</strong> </td> </tr> {% endif %} {% if transaction.kind == 'refund' %} {% if transaction.payment_details.credit_card_company %} {% assign refund_method_title = transaction.payment_details.credit_card_company %} {% else %} {% assign refund_method_title = transaction.gateway %} {% endif %} <tr class="subtotal-line"> <td class="subtotal-line__title"> <p> <span>Refund</span> <br> <small>{{ refund_method_title | capitalize }}</small> </p> </td> <td class="subtotal-line__value"> <strong>- {{ transaction.amount | money }}</strong> </td> </tr> {% endif %} {% endfor %} </table> {% endif %} {% endunless %} </td> </tr> </table> </td> </tr> </table> </center> </td> </tr> </table> <table class="row section"> <tr> <td class="section__cell"> <center> <table class="container"> <tr> <td> <h3>Customer information</h3> </td> </tr> </table> <table class="container"> <tr> <td> <table class="row"> <tr> <td class="customer-info__item"> <h4>Billing address</h4> {{ billing_address | format_address }} </td> </tr> </table> <table class="row"> <tr> {% if company_location %} <td class="customer-info__item"> <h4>Location</h4> <p> {{ company_location.name }} </p> </td> {% endif %} {% if transaction_size > 0 or payment_terms %} <td class="customer-info__item"> <h4>Payment</h4> <p class="customer-info__item-content"> {% if payment_terms %} {% assign due_date = payment_terms.next_payment.due_at | default: nil %} {% if payment_terms.type == 'receipt' or payment_terms.type == 'fulfillment' and payment_terms.next_payment.due_at == nil %} {{ payment_terms.translated_name }}<br> {% else %} {{ payment_terms.translated_name }}: Due {{ due_date | date: format: 'date' }}<br> {% endif %} {% endif %} {% if transaction_size > 0 %} {% for transaction in transactions %} {% if transaction.status == "success" or transaction.status == "pending" %} {% if transaction.kind == "capture" or transaction.kind == "sale" %} {% if transaction.payment_details.credit_card_company %} <img src="{{ transaction.payment_details.credit_card_company | payment_icon_png_url }}" class="customer-info__item-credit" height="24" alt="{{ transaction.payment_details.credit_card_company }}"> <span>ending with {{ transaction.payment_details.credit_card_last_four_digits }}</span><br> {% elsif transaction.gateway_display_name == "Gift card" %} <img src="{{ transaction.gateway_display_name | downcase | replace: ' ', '-' | payment_type_img_url }}" class="customer-info__item-credit" height="24"> ending with {{ transaction.payment_details.gift_card.last_four_characters | upcase }}<br>     Gift card balance - <b>{{ transaction.payment_details.gift_card.balance | money }}</b> {% elsif transaction.gateway_display_name != "Shop Cash" %} {{ transaction.gateway_display_name }}<br> {% endif %} {% elsif transaction.kind == "authorization" and transaction.gateway_display_name == "Shop Cash" %} <span>Shop Cash - <b>{{ transaction.amount | money }}</b></span> {% endif %} {% endif %} {% endfor %} {% endif %} </p> </td> {% endif %} </tr> </table> </td> </tr> </table> </center> </td> </tr> </table> <table class="row footer"> <tr> <td class="footer__cell"> <center> <table class="container"> <tr> <td> <p class="disclaimer__subtext">If you have any questions, reply to this email or contact us at <a href="mailto:{{ shop.email }}">{{ shop.email }}</a></p> </td> </tr> </table> </center> </td> </tr> </table> <img src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" /> </td> </tr> </table> </body> </html> {% endcase %}
Could anyone tell me why it has not been applied? Shopify customer service has not been helpful unfortunately, telling me to install third-party, paid apps for a feature that should already be included.
Thanks in advance!
Solved! Go to the solution
This is an accepted solution.
@medcanuni Unfortunately auto-translation doesn't work for notifications currently. This is because they contain both Liquid and HTML tags and it results in the broken experience you see. My honest recommendation is this: if you have text that you want to preserve (e.g. edits that you made to the English), copy and paste it somewhere save. Then revert your notification to default (Settings > Notifications > Order confirmation (e.g.) > Edit code > Revert to default). This takes your notifications for all languages back to the originals. Then to edit the Spanish, go to 'Localize' and you'll see a wall of script. I would then, in a separate window, open the notification preview from Settings > Notifications > Order confirmation. Change the language to Spanish. You can then use this to help guide finding the actual text to edit, manually, which you'd do in the other window in Translate & Adapt. The preview is not live, i.e. it requires a save and refresh and you then need to change the language back to Spanish before previewing again, but it is the best way I can think of to know what you're editing. You could also copy the text from the English in the preview and paste it into Google Translate to get the machine translated text, to then copy back into the right place. Sorry this isn't easier, let me know how you get on.
To learn more visit the Shopify Help Center or the Community Blog.
Hi @medcanuni - sorry to read this. I want to clarify two things:
1. I've read the support ticket. Apologies you didn't get clarity. The initial issue was that you weren't sure where to edit the Spanish. There is a confusing layout which we will improve, but when you change the language of the preview it does not dictate where Edit code above goes. To change the Spanish, you go to Localize, which takes you to the Translate & Adapt app.
2. If you've got this far, can you confirm how you translated the code for Spanish that you've shared above? Did you use auto-translate, or manually input the translations? Where did you copy this from?
We'll sort for you.
Thanks,
Rich
To learn more visit the Shopify Help Center or the Community Blog.
Hey Rich,
Thanks for your message, I've gotten that far now using auto-translate, but unfortunately it doesn't seem to have gone as it should. There is a piece of code appearing instead of our logo, the 'View your order' button has disappeared, the 'Visita nuestra tienda' link does not lead to anywhere and the products have a little orange note below the title saying 'Reintegrado'. I will attach pictures for reference.
This is an accepted solution.
@medcanuni Unfortunately auto-translation doesn't work for notifications currently. This is because they contain both Liquid and HTML tags and it results in the broken experience you see. My honest recommendation is this: if you have text that you want to preserve (e.g. edits that you made to the English), copy and paste it somewhere save. Then revert your notification to default (Settings > Notifications > Order confirmation (e.g.) > Edit code > Revert to default). This takes your notifications for all languages back to the originals. Then to edit the Spanish, go to 'Localize' and you'll see a wall of script. I would then, in a separate window, open the notification preview from Settings > Notifications > Order confirmation. Change the language to Spanish. You can then use this to help guide finding the actual text to edit, manually, which you'd do in the other window in Translate & Adapt. The preview is not live, i.e. it requires a save and refresh and you then need to change the language back to Spanish before previewing again, but it is the best way I can think of to know what you're editing. You could also copy the text from the English in the preview and paste it into Google Translate to get the machine translated text, to then copy back into the right place. Sorry this isn't easier, let me know how you get on.
To learn more visit the Shopify Help Center or the Community Blog.
Hey, thank you for your answer. I was finally able to do it this way and fix all the broken code. I definitely think though that this is something that is unnecessarily hard and probably hindering a lot of people's work flow in this globalized multilingual world.
Agree @medcanuni . We'll fix it - and thanks for persisting and I'm glad it was at least possible, if far from easy.
To learn more visit the Shopify Help Center or the Community Blog.
Su información es exactamente correcta. Tengo un problema, por favor resuelva mis problemas https://community.shopify.com/c/shopify-translate-adapt/translation-of-Doradotarde-customer-notifications/td-p/1916720. Verifique el enlace a continuación, soy nuevo, no puedo resolverlo.
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024