HI,
I AM TRYING TO CHANGE THE BACKGROUND COLOR FOR THE ORDER CONFIRMATION AND THE REST OF THE EMAILS WHICH IS SEND OUT. I DONT KNOW WHICH HTML I SHOULD ADD - OR WHERE TO ADD IT. I WO
ANYBODY WHO CAN HELP ME WITH THIS? ![]()
BEST NANNA
HI,
I AM TRYING TO CHANGE THE BACKGROUND COLOR FOR THE ORDER CONFIRMATION AND THE REST OF THE EMAILS WHICH IS SEND OUT. I DONT KNOW WHICH HTML I SHOULD ADD - OR WHERE TO ADD IT. I WO
ANYBODY WHO CAN HELP ME WITH THIS? ![]()
BEST NANNA
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your code,
So I will check and provide a solution here.
Hi @KetanKumar
Thanks. What code are you talking about? I have added the HTML below. ![]()
{% capture email_title %}Tak for dit køb! {% endcapture %}
{% capture email_body %}
{% if requires_shipping %}
{% case delivery_method %}
{% when âpick-upâ %}
Du modtager en e-mail, nĂĽr din ordre er klar til afhentning.
{% when âlocalâ %}
Hej {{ customer.first_name }}! Vi er ved at gøre din ordre klar til levering.
{% else %}
Hej {{ customer.first_name }}! Vi er ved at gøre din ordre klar til afsendelse. Vi giver dig besked, nür den er blevet sendt.
{% endcase %}
{% if delivery_instructions != blank %}
Leveringsoplysninger: {{ delivery_instructions }}
{% endif %} {% endif %} {% endcapture %} {{ email_title }} .button__cell { background: {{ shop.email_accent_color }}; } a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
{% assign gift_card_line_item = line_items | where: âgift_cardâ %}
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Thanks
can you please try this code
{% capture email_title %}Tak for dit køb! {% endcapture %}
{% capture email_body %}
{% if requires_shipping %}
{% case delivery_method %}
{% when 'pick-up' %}
Du modtager en e-mail, nĂĽr din ordre er klar til afhentning.
{% when 'local' %}
Hej {{ customer.first_name }}! Vi er ved at gøre din ordre klar til levering.
{% else %}
Hej {{ customer.first_name }}! Vi er ved at gøre din ordre klar til afsendelse. Vi giver dig besked, nür den er blevet sendt.
{% endcase %}
{% if delivery_instructions != blank %}
**Leveringsoplysninger:** {{ delivery_instructions }}
{% endif %}
{% endif %}
{% endcapture %}
<table>
<table>
<table>
<table>
<tr>
<td>
{%- if shop.email_logo_url %}
{%- else %}
#
{{ shop.name }}
{%- endif %}
</td>
<td>
Ordre {{ order_name }}
</td>
</tr>
</table>
</table>
</table>
<table>
<table>
## {{ email_title }}
{{ email_body }}
{% if order_status_url %}
<table>
<tr>
<td>
</td>
</tr>
<table>
<tr>
<td>
Se din ordre
</td>
</tr>
</table>
{% if shop.url %}
<table>
<tr>
<td>
eller Besøg vores butik
</td>
</tr>
</table>
{% endif %}
</table>
{% else %}
{% if shop.url %}
<table>
<table>
<tr>
<td>
Besøg vores butik
</td>
</tr>
</table>
</table>
{% endif %}
{% endif %}
</table>
</table>
{% assign gift_card_line_item = line_items | where: "gift_card" %}
{% if gift_card_line_item.first %}
<table>
<table>
<tr>
<td>
### Gavekort
</td>
</tr>
</table>
<table>
<tr>
<td>
Du modtager separate e-mails for eventuelle gavekort.
</td>
</tr>
</table>
</table>
{% endif %}
<table>
<table>
<tr>
<td>
### Ordreoversigt
</td>
</tr>
</table>
<table>
{% for line in subtotal_line_items %}
{% endfor %}
<table>
<table>
<td>
{% if line.image %}
{% endif %}
</td>
<td>
{% 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 %}
{{ 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 %}
Refunderet
{% 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 %}
</td>
{% if line.original_line_price != line.final_line_price %}
<del>{{ line.original_line_price | money }}</del>
{% endif %}
{% if line.final_line_price > 0 %}
{{ line.final_line_price | money }}
{% else %}
Gratis
{% endif %}
</table>
</table>
<table>
<td>
</td>
{% for discount_application in discount_applications %}
{% if discount_application.target_selection == 'all' %}
{% capture discount_title %}
{% if discount_application.title %}
{{ discount_application.title | upcase }}
{% else %}
Rabat
{% endif %}
{% endcapture %}
{% endif %}
{% endfor %}
{% if delivery_method == 'pick-up' %}
{% else %}
{% endif %}
{% if current_total_duties %}
{% endif %}
{% if total_tip and total_tip > 0 %}
{% endif %}
<table>
<tr>
<td>
Rabat
{{ discount_title }}
</td>
<td>
**-{{ discount_application.total_allocated_amount | money }}**
</td>
</tr>
<tr>
<td>
Subtotal
</td>
<td>
**{{ subtotal_price | money }}**
</td>
</tr>
<tr>
<td>
Afhentning
</td>
<td>
**{{ shipping_price | money }}**
</td>
</tr>
<tr>
<td>
Levering
</td>
<td>
**{{ shipping_price | money }}**
</td>
</tr>
<tr>
<td>
Told
</td>
<td>
**{{ current_total_duties | money }}**
</td>
</tr>
<tr>
<td>
Afgifter
</td>
<td>
**{{ tax_price | money }}**
</td>
</tr>
<tr>
<td>
Tip
</td>
<td>
**{{ total_tip | money }}**
</td>
</tr>
</table>
<table>
<tr>
<td>
I alt
</td>
<td>
**{{ total_price | money_with_currency }}**
</td>
</tr>
</table>
{% if total_discounts > 0 %}
Du har sparet {{ total_discounts | money }}
{% endif %}
{% assign transaction_size = 0 %}
{% assign transaction_amount = 0 %}
{% for transaction in transactions %}
{% unless transaction.kind == "capture" or transaction.kind == "void" %}
{% assign transaction_size = transaction_size | plus: 1 %}
{% assign transaction_amount = transaction_amount | plus: transaction.amount %}
{% endunless %}
{% endfor %}
{% if transaction_size > 1 or transaction_amount < total_price %}
{% for transaction in transactions %}
{% if transaction.status == "success" and transaction.kind == "authorization" or transaction.kind == "sale" %}
{% if transaction.payment_details.credit_card_company %}
{% capture transaction_name %}{{ transaction.payment_details.credit_card_company }} (der slutter med {{ transaction.payment_details.credit_card_last_four_digits }}){% endcapture %}
{% else %}
{% capture transaction_name %}{{ transaction.gateway_display_name }}{% endcapture %}
{% endif %}
{% 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 %}
{% endif %}
{% endfor %}
<table>
<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td colspan="2">
</td>
</tr>
<tr>
<td>
{{transaction_name}}
</td>
<td>
**{{ transaction.amount | money }}**
</td>
</tr>
Refunder
<small>{{ refund_method_title | capitalize }}</small>
**- {{ transaction.amount | money }}**
</table>
{% endif %}
</table>
</table>
</table>
<table>
<table>
<tr>
<td>
### Kundeinformation
</td>
</tr>
</table>
<table>
{% if requires_shipping and shipping_address %}
{% endif %}
{% if billing_address %}
{% endif %}
<table>
<tr>
<td>
#### Leveringsadresse
{{ shipping_address | format_address }}
</td>
<td>
#### Faktureringsadresse
{{ billing_address | format_address }}
</td>
</tr>
</table>
{% if requires_shipping and shipping_address %}
{% endif %}
{% assign transaction_count = transactions | size %}
{% if transaction_count > 0 %}
{% endif %}
<table>
<tr>
<td>
#### Leveringsmetode
{{ shipping_method.title }}
</td>
<td>
#### Betalingsmetode
{% for transaction in transactions %}
{% if transaction.status == "success" or transaction.status == "pending" %}
{% if transaction.kind == "authorization" or transaction.kind == "sale" %}
{% if transaction.payment_details.credit_card_company %}
slutter med {{ transaction.payment_details.credit_card_last_four_digits }} â **{{ transaction.amount | money }}**
{% elsif transaction.gateway_display_name == "Gift card" %}
slutter med {{ transaction.payment_details.gift_card.last_four_characters | upcase }} â **{{ transaction.amount | money }}**
âââ Gavekortsaldo: {{ transaction.payment_details.gift_card.balance | money }}
{% else %}
{{ transaction.gateway_display_name }} â **{{ transaction.amount | money }}**
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
</td>
</tr>
</table>
</table>
</table>
<table>
<table>
<tr>
<td>
Hvis du har spørgsmül, kan du besvare denne e-mail eller kontakte os pü [{{ shop.email }}](mailto:{{ shop.email }})
</td>
</tr>
</table>
</table>
</table>
@KetanKumar Thank you. It works.
Can you help me with the font-color? I would like all of it to be dark blue?
itâs depends on your color i canât see this view
yes, please share your email screenshot how do you look now
Please see screenshot of the email now - I would like all text to be dark blue as the logo.
can you please add me on staff so i will check one by one font color and fix
Hi @NF2021 ,
Not sure if this one has been solved for you, but you might want to check out our app Spently, https://apps.shopify.com/spently. Spently allows you to easily change the styling of all of the store notifications that Shopify sends on your behalf. Bonus, it allows you to add recommended products or a discount code to drive a repeat purchase too!
If you have any questions you can always reach us at support@spentlyhq.com
Many thanks!
Roddy
Hi Iâm trying to change the background color on my email notifications. The color changes fine on the preview when I adjust the code per the above, but when I send an actual test email or test order the background is still white. Here is the code iâm using:
{% 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 %}
Hi {{ customer.first_name }}, weâre getting your order ready to be shipped. We will notify you when it has been sent.
{% endcase %}
{% if delivery_instructions != blank %}
Delivery information: {{ delivery_instructions }}
{% endif %} {% if consolidated_estimated_delivery_time %}Estimated delivery {{ consolidated_estimated_delivery_time }}
{% endif %} {% endif %} {% endcapture %} {{ email_title }} .button__cell { background: {{ shop.email_accent_color }}; } a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; } body {background-color: #F9E8DC}
{% assign gift_card_line_item = line_items | where: âgift_cardâ %}
|
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
oh sorry for that issue i can see its work my demo store
where exactly do you insert this code? cant find any sections with that code, pls help me, thx
oh sorry for that issue can you please send store url