Hello,
When our orders are shipped from our warehouse, we send a delivery notice to our customers on e-mail and their tracking numbers is included in the email.
We are facing issues that customers doesn’t notice the tracking number because the text i so small and I dont have the knowledge to change this in the HTML-code.
We also want to add a text that says “Remember to pick up your parcel to avoid additional costs!”
And we want this to be in a bright red color so the customers doesn’t miss this.
We are using the standard notification e-mail in shopify and this email is sent automatically when the package is sent out from our warehouse.
we are using dawn theme.
can someone help us with this? Thank you so much!
this is the code:
{% if fulfillment.item_count == item_count %}
{% capture email_title %}Din order är på väg{% endcapture %}
{% capture email_body %}Din beställning är på väg. Spåra din försändelse för att se leveransstatusen.{% endcapture %}
{% elsif fulfillment.item_count > 1 %}
{% if fulfillment_status == ‘fulfilled’ %}
{% capture email_title %}De sista artiklarna i din order är på väg{% endcapture %}
{% capture email_body %}De sista artiklarna i din order är på väg. Spåra din leverans för att se leveransstatus.{% endcapture %}
{% else %}
{% capture email_title %}Vissa artiklar i din order är på väg{% endcapture %}
{% capture email_body %}Några artiklar i din order är på väg. Spåra din leverans för att se leveransstatus.{% endcapture %}
{% endif %}
{% else %}
{% if fulfillment_status == ‘fulfilled’ %}
{% capture email_title %}Den sista artikeln i din order är på väg{% endcapture %}
{% capture email_body %}Den sista artikeln i din order är på väg. Spåra din leverans för att se leveransstatus.{% endcapture %}
{% else %}
{% capture email_title %}En artikel i din order är på väg{% endcapture %}
{% capture email_body %}En artikel i din order är på väg. Spåra din leverans för att se leveransstatus.{% endcapture %}
{% endif %}
{% endif %}
{% capture email_emphasis %}Beräknat leveransdatum: {{fulfillment.estimated_delivery_at | date: format: ‘date’}}{% endcapture %}
{{ email_title }}
.button__cell { background: {{ shop.email_accent_color }}; }
a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
{%- if po_number %}
{%- endif %}
{%- if shop.email_logo_url %}
![{{ shop.name }}]()
{%- else %}
{%- endif %}
|
|
|
Order {{ order_name }}
|
|
Inköpsordernummer #{{ po_number }}
|
|
|
{{ email_title }}
{{ email_body }}
{% if fulfillment.estimated_delivery_at %}
{{ email_emphasis }}
{% endif %}
{% if order_status_url %}
| |
|
{% if shop.url %}
{% endif %}
|
{% else %}
{% if shop.url %}
{% endif %}
{% endif %}
{% if fulfillment.tracking_numbers.size > 0 %}
{% if fulfillment.tracking_numbers.size == 1 and fulfillment.tracking_company and fulfillment.tracking_url %}
{{ fulfillment.tracking_company }} spårningsnummer: {{ fulfillment.tracking_numbers.first }}
{% elsif fulfillment.tracking_numbers.size == 1 %}
Spårningsnummer: {{ fulfillment.tracking_numbers.first }}
{% else %}
{{ fulfillment.tracking_company }} spårningsnummer:
{% for tracking_number in fulfillment.tracking_numbers %}
{% if fulfillment.tracking_urls[forloop.index0] %}
{{ tracking_number }}
{% else %}
{{ tracking_number }}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
|
|
Varor i denna försändelse
|
{% for line in fulfillment.fulfillment_line_items %}
{% endfor %}
{% if line.line_item.image %}
![]()
{% endif %}
|
{% if line.line_item.product.title %}
{% assign line_title = line.line_item.product.title %}
{% else %}
{% assign line_title = line.line_item.title %}
{% endif %}
{% if line.quantity < line.line_item.quantity %}
{% capture line_display %} {{ line.quantity }} of {{ line.line_item.quantity }} {% endcapture %}
{% else %}
{% assign line_display = line.line_item.quantity %}
{% endif %}
{{ line_title }} × {{ line_display }}
{% if line.line_item.variant.title != ‘Default Title’ %}
{{ line.line_item.variant.title }}
{% endif %}
{% if line.line_item.selling_plan_allocation %}
{{ line.line_item.selling_plan_allocation.selling_plan.name }}
{% endif %}
{% if line.line_item.refunded_quantity > 0 %}
Återbetalad
{% endif %}
{% if line.line_item.discount_allocations %}
{% for discount_allocation in line.line_item.discount_allocations %}
{% if discount_allocation.discount_application.target_selection != ‘all’ %}
![]()
{{ discount_allocation.discount_application.title | upcase }}
(-{{ discount_allocation.amount | money }})
{% endif %}
{% endfor %}
{% endif %}
|
|
|
|
|
Om du har några frågor kan du svara på det här e-postmeddelandet eller kontakta oss på {{ shop.email }}
|
|
![]()
|
@E-shop_1 - I checked through the HTML and shared my comments on the same 
- Make the tracking number more visible (larger text)
We’ll style it with larger font size and some spacing.
- Add a red warning message
We’ll make it bright red with a bold message.
Update This Section in Your Code:
Find this part:
Replace it with:
// To make the Font color red - and a bit large.
Kom ihåg att hämta ditt paket för att undvika extra kostnader!
// To make the Font larger - modify the font-size and the line height
{% if fulfillment.tracking_numbers.size == 1 and fulfillment.tracking_company and fulfillment.tracking_url %}
{{ fulfillment.tracking_company }} spårningsnummer: {{ fulfillment.tracking_numbers.first }}
Thank you so much for fast response! The red text worked perfectly.
To make the trackig number larger, should i exchange this code to the one you wrote?
{% if fulfillment.tracking_numbers.size == 1 and fulfillment.tracking_company and fulfillment.tracking_url %}
{{ fulfillment.tracking_company }} spårningsnummer:
{{ fulfillment.tracking_numbers.first }}
{% elsif fulfillment.tracking_numbers.size == 1 %}
Spårningsnummer: {{ fulfillment.tracking_numbers.first }}
{% else %}
{{ fulfillment.tracking_company }} spårningsnummer:
{% for tracking_number in fulfillment.tracking_numbers %}
{% if fulfillment.tracking_urls[forloop.index0] %}
{{ tracking_number }}
{% else %}
{{ tracking_number }}
{% endif %}
{% endfor %}
{% endif %}
{% endif %}
1 Like
No - you can leave that code as is. But just replace this
class with the required styles instead! Sharing an example
tag below that increases the font size and spacing.
I’ve highlighted it for easy reference. Hopefully that helps
If my comment was helpful - can you please mark it as a solution, maybe others who come across this thread might also find value!
@E-shop_1 - were you able to solve this ?
Wanted to check in here as some time has passed since the query was raised. Please mark my answer as a solution if you found it helpful. That way others can also find value when they stumble on this thread.
@E-shop_1 Since quite some time has passed since you raised this thread, I’m assuming you’ve already solved this.
If so - can you please mark my answer as a solution so others can also find value quickly without reading through the entire post.
Best,
