Order {{ order.name }}
{% if order.po_number != blank %}
PO number #{{ order.po_number }}
{% endif %}
{{ order.created_at | date: format: "date" }}
{% if delivery_method.instructions != blank %}
Delivery to
{% else %}
Ship to
{% endif %}
{% if shipping_address != blank %}
{{ shipping_address.name }}
{% if shipping_address.company != blank %}
{{ shipping_address.company }}
{% endif %}
{{ shipping_address.address1 }}
{% if shipping_address.address2 != blank %}
{{ shipping_address.address2 }}
{% endif %}
{% if shipping_address.city_province_zip != blank %}
{{ shipping_address.city_province_zip }}
{% endif %}
{{ shipping_address.country }}
{% if shipping_address.phone != blank %}
📞 {{ shipping_address.phone }}
{% endif %}
{% if shipping_address.email != blank %}
✉️ {{ shipping_address.email }}
{% endif %}
{% else %}
No shipping address
{% endif %}
Bill to
{% if billing_address != blank %}
{{ billing_address.name }}
{% if billing_address.company != blank %}
{{ billing_address.company }}
{% endif %}
{{ billing_address.address1 }}
{% if billing_address.address2 != blank %}
{{ billing_address.address2 }}
{% endif %}
{% if billing_address.city_province_zip != blank %}
{{ billing_address.city_province_zip }}
{% endif %}
{{ billing_address.country }}
{% else %}
No billing address
{% endif %}
{% assign desired_image_size = 58 %}
{% assign resolution_adjusted_size = desired_image_size | times: 300 | divided_by: 72 | ceil %}
{% capture effective_image_dimensions %}
{{ resolution_adjusted_size }}x{{ resolution_adjusted_size }}
{% endcapture %}
{% for line_item in line_items_in_shipment %}
<div class="flex-line-item">
<div class="flex-line-item-img">
{% if line_item.image != blank %}
<div class="aspect-ratio aspect-ratio-square" style="width: {{ desired_image_size }}px; height: {{ desired_image_size }}px;">
{{ line_item.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
</div>
{% endif %}
</div>
<div class="flex-line-item-description">
<p>
<span class="line-item-description-line">
{{ line_item.title }}
</span>
{% if line_item.variant_title != blank %}
<span class="line-item-description-line">
{{ line_item.variant_title }}
</span>
{% endif %}
{% if line_item.sku != blank %}
<span class="line-item-description-line">
{{ line_item.sku }}
</span>
{% endif %}
{% for group in line_item.groups %}
{% if group.deliverable? %}
<span class="line-item-description-line">
For: {{ group.title }}
</span>
{% else %}
<span class="line-item-description-line">
Part of: {{ group.title }}
</span>
{% endif %}
{% endfor %}
</p>
</div>
<div class="flex-line-item-quantity">
<p class="text-align-right">
{{ line_item.shipping_quantity }} of {{ line_item.quantity }}
</p>
</div>
</div>
{% endfor %}
{% unless includes_all_line_items_in_order %}
There are other items from your order not included in this shipment.
{% endunless %}
{% if order.note != blank %}
{% endif %}
{% if delivery_method.instructions != blank %}
Delivery instructions
{{ delivery_method.instructions }}
{% endif %}
Thank you for shopping with us!
{{ shop.name }}
{{ shop_address.summary }}
{% if shop.phone != blank %}
📞 {{ shop.phone }}
{% endif %}
{% if shop.email != blank %}
✉️ {{ shop.email }}
{% endif %}
{% if shop.domain != blank %}
🌐 https://{{ shop.domain }}
{% endif %}
body {
font-size: 15px;
}
* {
box-sizing: border-box;
}
.wrapper {
width: 831px;
margin: auto;
padding: 4em;
font-family: "Noto Sans", sans-serif;
font-weight: 250;
}
.header {
width: 100%;
display: flex;
flex-direction: row;
align-items: top;
}
.header p {
margin: 0;
}
.shop-title {
flex: 6;
font-size: 1.9em;
}
.order-title {
flex: 4;
}
.customer-addresses {
width: 100%;
display: inline-block;
margin: 2em 0;
}
.address-detail {
margin: 0.7em 0 0;
line-height: 1.5;
}
.subtitle-bold {
font-weight: bold;
margin: 0;
font-size: 0.85em;
}
.to-uppercase {
text-transform: uppercase;
}
.text-align-right {
text-align: right;
}
.shipping-address {
float: left;
min-width: 18em;
max-width: 50%;
}
.billing-address {
padding-left: 20em;
min-width: 18em;
}
.order-container {
padding: 0 0.7em;
}
.order-container-header {
display: inline-block;
width: 100%;
margin-top: 1.4em;
}
.order-container-header-left-content {
float: left;
}
.order-container-header-right-content {
float: right;
}
.flex-line-item {
display: flex;
flex-direction: row;
align-items: center;
margin: 1.4em 0;
page-break-inside: avoid;
}
.flex-line-item-img {
margin-right: 1.4em;
min-width: {{ desired_image_size }}px;
}
.flex-line-item-description {
flex: 7;
}
.line-item-description-line {
display: block;
}
.flex-line-item-description p {
margin: 0;
line-height: 1.5;
}
.flex-line-item-quantity {
flex: 3;
}
.subdued-separator {
height: 0.07em;
border: none;
color: lightgray;
background-color: lightgray;
margin: 0;
}
.missing-line-items-text {
margin: 1.4em 0;
padding: 0 0.7em;
}
.notes {
margin-top: 2em;
}
.notes p {
margin-bottom: 0;
}
.notes .notes-details {
margin-top: 0.7em;
}
.footer {
margin-top: 2em;
text-align: center;
line-height: 1.5;
}
.footer p {
margin: 0;
margin-bottom: 1.4em;
}
hr {
height: 0.14em;
border: none;
color: black;
background-color: black;
margin: 0;
}
.aspect-ratio {
position: relative;
display: block;
background: #fafbfc;
padding: 0;
}
.aspect-ratio::before {
z-index: 1;
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid rgba(195,207,216,0.3);
}
.aspect-ratio--square {
width: 100%;
padding-bottom: 100%;
}
.aspect-ratio__content {
position: absolute;
max-width: 100%;
max-height: 100%;
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
@TACHYONWORLD don’t just paste a wall of code provide an ACTUAL description.
If it’s only about info for the shop and the customer the code you pasted has both already.
If it’s not about that then provide actual context other people are not mind readers.
Poor communication habits are a good way to waste a lot of time and money.
It’s not working while printing packing list. Speak if you can assist or else let other help me
If you customized a notification template and it’s no longer working then first backup the code then there should be an option to revert the notification code to the default.
Retest the template so it’s in working order.
Then explain what changes have been made or are attempting to be made.
Otherwise if the built in notification has been unmodified and is not working contact shopify support directly.
https://help.shopify.com/
Just help me with the code and where to place it.
Order {{ order.name }}
{% if order.po_number != blank %}
PO number #{{ order.po_number }}
{% endif %}
{{ order.created_at | date: format: "date" }}
{% if delivery_method.instructions != blank %}Delivery to{% else %}Ship to{% endif %}
{% if shipping_address != blank %}
{{ shipping_address.name }}
{% if shipping_address.company != blank %}
{{ shipping_address.company }}{% endif %}
{{ shipping_address.address1 }}
{% if shipping_address.address2 != blank %}
{{ shipping_address.address2 }}{% endif %}
{% if shipping_address.city_province_zip != blank %}
{{ shipping_address.city_province_zip }}{% endif %}
{{ shipping_address.country }}
{% if shipping_address.phone != blank %}
📞 {{ shipping_address.phone }}{% endif %}
{% if order.email != blank %}
✉️ {{ order.email }}{% endif %}
{% else %}
No shipping address
{% endif %}
<!-- ✅ Billing Address with contact -->
<div class="billing-address">
<p class="subtitle-bold to-uppercase">Bill to</p>
<p class="address-detail">
{% if billing_address != blank %}
{{ billing_address.name }}
{% if billing_address.company != blank %}<br>{{ billing_address.company }}{% endif %}
<br>{{ billing_address.address1 }}
{% if billing_address.address2 != blank %}<br>{{ billing_address.address2 }}{% endif %}
{% if billing_address.city_province_zip != blank %}<br>{{ billing_address.city_province_zip }}{% endif %}
<br>{{ billing_address.country }}
{% if billing_address.phone != blank %}<br>📞 {{ billing_address.phone }}{% endif %}
{% if order.email != blank %}<br>✉️ {{ order.email }}{% endif %}
{% else %}
No billing address
{% endif %}
</p>
</div>
{% assign desired_image_size = 58 %}
{% assign resolution_adjusted_size = desired_image_size | times: 300 | divided_by: 72 | ceil %}
{% capture effective_image_dimensions %}{{ resolution_adjusted_size }}x{{ resolution_adjusted_size }}{% endcapture %}
{% for line_item in line_items_in_shipment %}
<div class="flex-line-item">
<div class="flex-line-item-img">
{% if line_item.image != blank %}
<div class="aspect-ratio aspect-ratio-square" style="width: {{ desired_image_size }}px; height: {{ desired_image_size }}px;">
{{ line_item.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
</div>
{% endif %}
</div>
<div class="flex-line-item-description">
<p>
<span class="line-item-description-line">{{ line_item.title }}</span>
{% if line_item.variant_title != blank %}<span class="line-item-description-line">{{ line_item.variant_title }}</span>{% endif %}
{% if line_item.sku != blank %}<span class="line-item-description-line">SKU: {{ line_item.sku }}</span>{% endif %}
</p>
</div>
<div class="flex-line-item-quantity">
<p class="text-align-right">{{ line_item.shipping_quantity }} of {{ line_item.quantity }}</p>
</div>
</div>
{% endfor %}
{% unless includes_all_line_items_in_order %}
There are other items from your order not included in this shipment.
{% endunless %}
{% if order.note != blank %}
{% endif %}
{% if delivery_method.instructions != blank %}
Delivery instructions
{{ delivery_method.instructions }}
{% endif %}
Thank you for shopping with us!
{{ shop.name }}
{{ shop_address.summary }}
{% if shop.phone != blank %}
📞 {{ shop.phone }}{% endif %}
{% if shop.email != blank %}
✉️ {{ shop.email }}{% endif %}
{% if shop.domain != blank %}
🌐 https://{{ shop.domain }}{% endif %}
body { font-size: 15px; }
* { box-sizing: border-box; }
.wrapper { width: 831px; margin: auto; padding: 4em; font-family: "Noto Sans", sans-serif; font-weight: 250; }
.header { display: flex; justify-content: space-between; }
.shop-title { font-size: 1.9em; flex: 6; }
.order-title { flex: 4; text-align: right; }
.customer-addresses { margin: 2em 0; }
.address-detail { margin-top: 0.7em; line-height: 1.5; }
.subtitle-bold { font-weight: bold; font-size: 0.85em; }
.to-uppercase { text-transform: uppercase; }
.order-container { margin-top: 1.4em; }
.order-container-header { display: flex; justify-content: space-between; }
.flex-line-item { display: flex; align-items: center; margin: 1.4em 0; page-break-inside: avoid; }
.flex-line-item-img { margin-right: 1.4em; min-width: {{ desired_image_size }}px; }
.flex-line-item-description { flex: 7; }
.flex-line-item-quantity { flex: 3; text-align: right; }
.line-item-description-line { display: block; }
.notes { margin-top: 2em; }
.footer { margin-top: 2em; text-align: center; line-height: 1.5; }
hr { height: 0.14em; border: none; background-color: black; margin: 0; }
.subdued-separator { height: 0.07em; background-color: lightgray; }
.aspect-ratio { position: relative; background: #fafbfc; }
.aspect-ratio::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid rgba(195,207,216,0.3); }
.aspect-ratio__content { position: absolute; max-width: 100%; max-height: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }