Can someone help me integrate the code of a packing slip to a working shopify code?

[myl1]

Hi hi, 

I bought a code from the Order Printer Template app, but I want to integrate it to the regular shopify packing slip template. 

Can someone change the code for me so the design will be integrated in the shopify packing slip template?

Thank you in advance! 

Love, 

Myl 

<!-- Winter Breeze -->
<!-- Common Base Styling -->
{% assign primary_font = "Nunito Sans"%}
{% assign primary_font_color = "#000000" %} <!-- Black text color -->
{% assign primary_font_size = "11px"%}
{% assign secondary_font = "Open Sans"%}
{% assign secondary_font_color = "#333333" %} <!-- Grey text color -->
{% assign theme_color = "#303336"%}
<script type="text/javascript">
var fHead = document.head || document.getElementsByTagName('head')[0];
{% assign font_weights = "300,400,700" | split: ',' %}
{% for font_weight in font_weights %}
var font1Id = 'font-{{ primary_font | replace: " ", "-" }}-{{ font_weight }}';
if (!document.getElementById(font1Id)) {
var linkElement = document.createElement('link');
linkElement.setAttribute('id', font1Id)
linkElement.setAttribute('rel', 'stylesheet');
linkElement.setAttribute('type', 'text/css');
linkElement.setAttribute('href', 'https://fonts.googleapis.com/css?family={{ primary_font | replace: " ", "+" }}:{{ font_weight }}&subset=latin-ext');
fHead.appendChild(linkElement);
};
{% if secondary_font != blank and secondary_font != primary_font %}
var font2Id = 'font-{{ secondary_font | replace: " ", "-" }}-{{ font_weight }}';
if (!document.getElementById(font2Id)) {
var linkElement = document.createElement('link');
linkElement.setAttribute('id', font2Id)
linkElement.setAttribute('rel', 'stylesheet');
linkElement.setAttribute('type', 'text/css');
linkElement.setAttribute('href', 'https://fonts.googleapis.com/css?family={{ secondary_font | replace: " ", "+" }}:{{ font_weight }}&subset=latin-ext');
fHead.appendChild(linkElement);
};
{% endif %}
{% endfor %}
</script>
<script>
$.ajaxSetup({
cache: true
});
var url = "https://www.orderprintertemplates.com/JsBarcode.all.min.js";
var options = {
format: "CODE128",
width: 1.5,
height: 14,
quite: 1,
margin: 0,
lineColor: "{{ primary_font_color }}",
displayValue: false, //Show the text below the barcode (can be true or false)
fontSize: "{{ primary_font_size | remove: "px" | minus: 1 }}",
font: "{{ primary_font }}",
textAlign: "left"
};
function updateInBatches(elems, chunksize, payload) {
var current = 0;
return function() {
// changes n elements in a loop
for (var i=0; i<chunksize; i++) {
// apply the payload function to current element
payload.apply(elems[current+i]);
}
current += chunksize;
// calls itself again after a short break
if (current < elems.length) {
setTimeout(arguments.callee, 10);
};
}
};
$.getScript( url, function() {
// Barcode Generator for Order Number
var barcodeElements = $('.barcode:not(.loaded)');
if (barcodeElements.length) {
updateInBatches(barcodeElements, 10, function(){
var barcodeVal = $(this).data('barcode')
$(this).JsBarcode(barcodeVal, options);
})(
barcodeElements.addClass('loaded')
);
};
});
</script>
<script>
(function () {
setTimeout(function () {
// Fix for Chromium bug (crashing on print preview)
var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor);
var isEdge = /Edg/.test(navigator.userAgent);

if (isChrome || isEdge) {
var printerInlinePreview = document.querySelector('.printer-inline-preview');
if (printerInlinePreview) {
var parentDiv = printerInlinePreview.parentNode;
parentDiv.classList.add('isChromium');
}
}
}, 600);
});
</script>
<style type="text/css">
/* ### BASE - PAGE SIZING AND MARGIN SETUP NORMALIZATION ACROSS BROWSERS ### */
@Page {
margin: 12mm !important;
margin-top: 12mm !important;
margin-right: 12mm !important;
margin-bottom: 12mm !important;
margin-left: 12mm !important;
}
@media print {
.isChromium {
display: flex;
flex-direction: column;
}
.safari {
padding-top: 15px;
box-sizing: border-box;
}
.printer-preview-content:after {
content: "";
display: table;
clear: both;
}
.printer-preview-content .printer-preview-content {
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box;
}
}
@media screen {
.printer-preview-content {
padding: 14px 0;
min-height: 800px;
/* background-image: url(http://basehold.it/i/14) */
}
.printer-preview-content .printer-preview-content {
margin-right: auto;
margin-left: auto;
max-width: 680px;
}
}
@media screen,print {

/* ### BASE - TYPOGRAPHY AND REMOVAL OF STANDARD SHOPIFY STYLING ### */
.printer-preview-content .t156040 * {
color: {{ secondary_font_color }};
font-family: '{{ primary_font }}';
font-size: {{ primary_font_size }};
font-weight: 400;
line-height: 14px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
margin: 0 0 0 0;
padding: 0 0 0 0;
print-color-adjust: exact;
overflow: visible !important;
}
.printer-preview-content .t156040 h1 {
font-size: 28px;
line-height: 42px;
}
.printer-preview-content .t156040 h2 {
font-size: 18px;
line-height: 28px;
}
.printer-preview-content .t156040 h3 {
font-size: 14px;
line-height: 28px;
}
.printer-preview-content .t156040 h1,
.printer-preview-content .t156040 h2,
.printer-preview-content .t156040 h3 {
margin-bottom: 14px;
}
.printer-preview-content .t156040 a,
.printer-preview-content .t156040 a * {
text-decoration: none !important;
}
.printer-preview-content .t156040 b,
.printer-preview-content .t156040 b * {
font-weight: bold;
}
.printer-preview-content .t156040 .text-right {
text-align: right;
}
.printer-preview-content .t156040 .text-center {
text-align: center;
}
.printer-preview-content .t156040 .no-wrap {
white-space: nowrap;
}

/* ### BASE - GRID AND RE-USABLE LAYOUT COMPONENTS ### */
.printer-preview-content .t156040 .row {
width: 100%;
display: block;
clear: both;
}
.printer-preview-content .t156040 .row:after {
content: "";
display: table;
clear: both;
}
.printer-preview-content .t156040 .col-xs-1,
.printer-preview-content .t156040 .col-xs-2,
.printer-preview-content .t156040 .col-xs-3,
.printer-preview-content .t156040 .col-xs-4,
.printer-preview-content .t156040 .col-xs-5,
.printer-preview-content .t156040 .col-xs-6,
.printer-preview-content .t156040 .col-xs-7,
.printer-preview-content .t156040 .col-xs-8,
.printer-preview-content .t156040 .col-xs-9,
.printer-preview-content .t156040 .col-xs-10,
.printer-preview-content .t156040 .col-xs-11,
.printer-preview-content .t156040 .col-xs-12 {
float: left;
min-height: 1px;
margin-bottom: 28px;
}
.printer-preview-content .t156040 .col-xs-12 {
width: 100%;
}
.printer-preview-content .t156040 .col-xs-11 {
width: 91.66666667%;
}
.printer-preview-content .t156040 .col-xs-10 {
width: 83.33333333%;
}
.printer-preview-content .t156040 .col-xs-9 {
width: 75%;
}
.printer-preview-content .t156040 .col-xs-8 {
width: 66.66666667%;
}
.printer-preview-content .t156040 .col-xs-7 {
width: 58.33333333%;
}
.printer-preview-content .t156040 .col-xs-6 {
width: 50%;
}
.printer-preview-content .t156040 .col-xs-5 {
width: 41.66666667%;
}
.printer-preview-content .t156040 .col-xs-4 {
width: 33.33333333%;
}
.printer-preview-content .t156040 .col-xs-3 {
width: 25%;
}
.printer-preview-content .t156040 .col-xs-2 {
width: 16.66666667%;
}
.printer-preview-content .t156040 .col-xs-1 {
width: 8.33333333%;
}
.printer-preview-content .t156040 .col-no-margin {
margin-bottom: 0 !important;
}
.printer-preview-content .t156040 .clear-fix::after {
content: "";
clear: both;
display: table;
}
.printer-preview-content .t156040 .half-margin-top {
margin-top: 7px !important;
}
.printer-preview-content .t156040 .half-margin-bottom {
margin-bottom: 7px !important;
}
.printer-preview-content .t156040 .margin-bottom {
margin-bottom: 14px !important;
margin-top: 1px;
}
.printer-preview-content .t156040 .margin-top {
margin-top: 14px !important;
}
.printer-preview-content .t156040 .double-margin-top {
margin-top: 28px !important;
}
.printer-preview-content .t156040 .double-margin-bottom {
margin-bottom: 28px !important;
}

.printer-preview-content .t156040 .strikethrough {
text-decoration: line-through !important;
}

.printer-preview-content .t156040 .break {
word-break: break-all !important;
}

/* ### BASE - TABLE STYLING ### */
.printer-preview-content .t156040 table,
.printer-preview-content .t156040 .table {
width: 100%;
max-width: 100%;
background-color: transparent;
border-collapse: collapse;
}
.printer-preview-content .t156040 table thead {
display: table-row-group;
}
.printer-preview-content .t156040 table tbody tr {
page-break-inside:avoid !important;
page-break-after:auto !important;
}
.printer-preview-content .t156040 table tbody tr td {
page-break-inside:avoid !important;
}
.printer-preview-content .t156040 th {
white-space: nowrap;
text-align: left;
vertical-align: middle;
border-top: 0;
border-bottom: 0;
}
.printer-preview-content .t156040 td {
vertical-align: top;
border-top: 0;
border-bottom: 0;
}
.printer-preview-content .t156040 .order-table tbody > tr td {
background-color: #FFFFFF;
}
.printer-preview-content .t156040 .pricing-table {
position: relative;
top: 1px;
}
.printer-preview-content .t156040 .pricing-table tbody > tr > td {
background-color: #FFFFFF;
}
/* .printer-preview-content .t156040 .pricing-table tbody > tr > td.pricing-table-title {
word-break: break-all;
}*/
.printer-preview-content .t156040 th.order-table-qty {
width: 10%;
}
.printer-preview-content .t156040 th.order-table-price {
width: 10%;
}
.printer-preview-content .t156040 th.order-table-item-total,
.printer-preview-content .t156040 th.order-table-reason {
width: 17%;
}
.printer-preview-content .t156040 th.order-table-return-comments {
width: 30%;
}
.printer-preview-content .t156040 .pricing-table-text {
text-align: right;
white-space: nowrap;
}

/* ### BASE - PRODUCT IMAGE SIZING TO RETAIN LINE HEIGHT RYTHM) ### */
.printer-preview-content .t156040 .product-image-wrapper {
width: 0px;
max-height: 0px;
vertical-align: middle;
text-align: center;
}
.printer-preview-content .t156040 .product-image {
padding: 0 4px;
page-break-inside:avoid !important;
max-width: 0px;
height: auto;
max-height: 0px;
}

/* ### BASE - LISTS RESET ### */
.printer-preview-content .t156040 ul {
list-style: none;
}
.printer-preview-content .t156040 li {
color: {{ secondary_font_color }};
list-style: none;
}

/* ### BASE - LOGO ### */
.printer-preview-content .t156040 .logo-wrapper {
display: inline-block;
width: 100%;
padding-bottom: 7px;
}
.printer-preview-content .t156040 .logo {
float: left;
padding-right: 15px;
max-width: 73%;
max-height: 119.72px;
}

/* ### BASE - BARCODE ### */
.printer-preview-content .t156040 .order-number-barcode,
.printer-preview-content .t156040 .product-barcode {
display: block;
}

/* ### BASE - ADDITONAL COMMON SHARED TYPOGRAPHY AND ALIGNMENT ### */
.printer-preview-content .t156040 .address {
margin-right: 5%;
}
.printer-preview-content .t156040 .col-xs-8 .notes,
.printer-preview-content .t156040 .col-xs-6 .notes {
margin-right: 20%;
}
.printer-preview-content .t156040 .notes-title,
.printer-preview-content .t156040 .return-codes {
margin: 7px 0;
}
/* ### BASE - HORIZONTAL RULE MARKS ### */
.printer-preview-content .t156040 hr {
background: {{ theme_color }};
border-top: 0;
border: 0;
height: 2px;
width: 100%;
margin-bottom: -2px;
}

}
</style>
<!-- Template Specific Styling -->
<style type="text/css">
@media screen,print {

/* ### DESIGN SPECIFIC - TYPOGRAPHY ### */
.printer-preview-content .t156040 h1,
.printer-preview-content .t156040 h1 * {
font-family: '{{ secondary_font }}';
color: {{ theme_color }};
font-weight: bold;
}
.printer-preview-content .t156040 h2,
.printer-preview-content .t156040 h2 * {
font-family: '{{ secondary_font }}';
color: {{ primary_font_color }};
}
.printer-preview-content .t156040 h3,
.printer-preview-content .t156040 h3 * {
font-family: '{{ secondary_font }}';
color: {{ primary_font_color }};
}

/* ### DESIGN SPECIFIC - LOGO POSITIONING ### */
.printer-preview-content .t156040 .logo {
float: right;
padding-right: 0;
margin-bottom: 14px;
}

/* ### DESIGN SPECIFIC - STORE DETAILS ### */
.printer-preview-content .t156040 .shop-block {
text-align: center;
}
.printer-preview-content .t156040 .shop-block .shop-address-block b,
.printer-preview-content .t156040 .shop-block .shop-address-block b * {
color: {{ primary_font_color }};
}
.printer-preview-content .t156040 .shop-block .shop-domain,
.printer-preview-content .t156040 .shop-block .shop-domain * {
font-weight: bold;
}

.printer-preview-content .t156040 .shop-return-address b,
.printer-preview-content .t156040 .shop-return-address b * {
color: {{ primary_font_color }};
}

/* ### DESIGN SPECIFIC - ORDER DETAILS ### */
.printer-preview-content .t156040 .order-details-title,
.printer-preview-content .t156040 .order-details-title * {
display: inline-block;
font-weight: bold;
color: {{ primary_font_color }};
}

/* ### DESIGN SPECIFIC - BILL TO AND SHIP TO ADDRESS ### */
.printer-preview-content .t156040 .address-title,
.printer-preview-content .t156040 .address-title * {
font-weight: bold;
color: {{ theme_color }};
}
.printer-preview-content .t156040 .address {
margin-left: 2%;
}

/* ### DESIGN SPECIFIC - TABLE HEADER ### */
.printer-preview-content .t156040 .order-table thead tr th {
padding-left: 4px;
padding-right: 4px;
border-top: 2px solid {{ theme_color }};
padding-top: 5px;
border-bottom: 2px solid {{ theme_color }};
padding-bottom:5px;
font-weight: bold;
}

/* ### DESIGN SPECIFIC - TABLE BODY (SHARED) ### */
.printer-preview-content .t156040 .order-table tbody tr td,
.printer-preview-content .t156040 .pricing-table tbody tr td {
padding-left: 4px;
padding-right: 4px;
border-top: 0;
padding-top: 7px;
border-bottom: 1px solid #efefef;
padding-bottom:6px;
}
/* ### DESIGN SPECIFIC - ORDER TABLE SPECIFIC ### */
.printer-preview-content .t156040 .order-table tbody > tr > td.line-item-description,
.printer-preview-content .t156040 .order-table tbody > tr > td.line-item-qty {
font-weight: bold;
color: {{ primary_font_color }};
}
.printer-preview-content .t156040 .order-table tbody > tr > td.line-item-description p.line-item-sku {
font-weight: normal;
}
.printer-preview-content .t156040 .order-table tbody > tr > td.line-item-description span.line-item-refund {
display: inline-block;
padding: 2px 8px;
margin-top: 3px;
background-color: #FFEA8A;
border-radius: 14px;
}
/* ### DESIGN SPECIFIC - PRICING TABLE SPECIFIC ### */
.printer-preview-content .t156040 .pricing-table tbody > tr.pricing-table-total-row > td {
border-top: 2px solid {{ theme_color }};
border-bottom: 2px solid {{ theme_color }};
padding-bottom:5px;
}
.printer-preview-content .t156040 .pricing-table tbody > tr > td.pricing-table-title,
.printer-preview-content .t156040 .pricing-table tbody > tr > td.pricing-table-title span,
.printer-preview-content .t156040 .pricing-table tbody > tr > td.pricing-table-title * {
font-weight: bold;
color: {{ primary_font_color }};
}
.printer-preview-content .t156040 .pricing-table tbody > tr.pricing-table-total-row .pricing-table-title,
.printer-preview-content .t156040 .pricing-table tbody > tr.pricing-table-total-row .pricing-table-title *,
.printer-preview-content .t156040 .pricing-table tbody > tr.pricing-table-total-row .pricing-table-text,
.printer-preview-content .t156040 .pricing-table tbody > tr.pricing-table-total-row .pricing-table-text * {
font-weight: bold;
color: {{ primary_font_color }};
}

/* ### DESIGN SPECIFIC - ORDER NOTES ### */
.printer-preview-content .t156040 .notes-title,
.printer-preview-content .t156040 .notes-title * {
font-weight: bold;
color: {{ primary_font_color }};
}

/* ### DESIGN SPECIFIC - RETURN FORM REASON CODES ### */
.printer-preview-content .t156040 .return-codes b,
.printer-preview-content .t156040 .return-code b * {
font-weight: bold;
color: {{ primary_font_color }};
}

/* ### DESIGN SPECIFIC - THANK YOU MESSAGE ### */
.printer-preview-content .t156040 .thanks-text {
text-align: center;
font-weight: bold;
color: {{ theme_color }};
}
.printer-preview-content .t156040 .thanks-text * {
font-weight: bold;
color: {{ theme_color }};
}

/* ### DESIGN SPECIFIC - GIFT MESSAGE ### */
.printer-preview-content .t156040 .gift-text {
text-align: center;
font-weight: bold;
width: 80%;
margin: 0 10%;
padding-bottom:14px;
font-size: 18px;
}
.printer-preview-content .t156040 .gift-text * {
font-weight: bold;
font-size: 18px;
}
.printer-preview-content .t156040 .gift-text svg {
padding-bottom:7px;
}

/* ### DESIGN SPECIFIC - TERMS AND CONDITIONS ### */
.printer-preview-content .t156040 .terms-text {
font-size: 9px;
text-align: center;
}
.printer-preview-content .t156040 .terms-text * {
font-size: 9px;
}

/* ### DESIGN SPECIFIC - SOCIAL ICONS ### */
.printer-preview-content .t156040 .social-icons {
display: inline;
width: 20px;
margin: 7px 4px;
}

}
</style>
<div class="printer-preview-content" contenteditable="true" spellcheck="false" title="Click to edit text (changes will be printed but not saved)">
<div class="t156040">
<div class="row">
<div id="header-row">
<div class="col-xs-6">
<div class="template-title">
<h1 class="editable" data-key="template_type_name">PACKING SLIP</h1>
</div>
<ul class="order-details">
<li class="order-details-name">
<span class="order-details-title editable" data-key="order">Order number</span>
<span class="order-details-text">{{ order_name }}</span>
</li>
{% if name != blank %}
<img data-barcode="{{ name | replace: '#', '' }}" class="barcode">
{% endif %}
<li class="order-details-date">
<span class="order-details-title editable" data-key="date">Order date</span>
<span class="order-details-text">{{ created_at | date: "%d-%m-%Y" }}</span>
</li>
{% if shipping_method.title != blank %}
<li class="order-details-shipping">
<span class="order-details-title editable" data-key="shipping_method">Shipping </span>
<span class="order-details-text">{{ shipping_method.title }}</span>
</li>
{% endif %}
</ul>
</div>
<div class="col-xs-6 col-no-margin">
<div class="logo-wrapper">
<a href="https://{{ shop.domain }}" target="_blank">
<img class="logo" alt="Logo" src="https://orderprintertemplates.com/api/v1/logos/a4e8c66d1e8f09f04ff8?v=1717143851" />
</a>
</div>
</div>
</div>
<div class="clear-fix"></div>
</div>
<div class="row">
<div class="col-xs-2">
<div class="address-title bill-to-title editable" data-key="bill_to">Bill to</div>
</div>
<div class="col-xs-4">
<ul class="address">
{% assign billing_address = billing_address | default: customer.default_address %}
{% if billing_address and billing_address != blank %}
<li>{{ billing_address.name }}</li>
{% if billing_address.company != blank %}
<li>{{ billing_address.company }}</li>
{% endif %}
<li>{{ billing_address.address1 }}</li>
{% if billing_address.address2 != blank %}
<li>{{ billing_address.address2 }}</li>
{% endif %}
<li>{{ billing_address.zip | upcase }} {{ billing_address.city }}</li>
{% if billing_address.province != blank %}
<li>{{ billing_address.province }}</li>
{% endif %}
{% if shop.country != billing_address.country %}
<li>{{ billing_address.country }}</li>
{% endif %}
{% elsif customer != blank %}
{% if customer.name != blank %}
<li>{{ customer.name }}</li>
{% endif %}
{% if customer.email != blank %}
<li>{{ customer.email }}</li>
{% endif %}
{% endif %}
</ul>
</div>
<div class="col-xs-2">
{% if shipping_address and shipping_address != "" and shipping_address != nil %}
<div class="address-title ship-to-title editable" data-key="ship_to">Ship to</div>
{% endif %}
</div>
<div class="col-xs-4">
<ul class="address">
{% if shipping_address and shipping_address != blank %}
<li>{{ shipping_address.name }}</li>
{% if shipping_address.company != blank %}
<li>{{ shipping_address.company }}</li>
{% endif %}
<li>{{ shipping_address.address1 }}</li>
{% if shipping_address.address2 != blank %}
<li>{{ shipping_address.address2 }}</li>
{% endif %}
<li>{{ shipping_address.zip | upcase }} {{ shipping_address.city }}</li>
{% if shipping_address.province != blank %}
<li>{{ shipping_address.province }}</li>
{% endif %}
{% if shop.country != shipping_address.country %}
<li>{{ shipping_address.country }}</li>
{% endif %}
{% endif %}
</ul>
</div>
<div class="clear-fix"></div>
</div>
<div class="row">
<div class="col-xs-12 col-no-margin">
<table class="order-table table">
<thead>
<tr>
<th class="order-table-title editable" data-key="item">Description</th>
<th class="order-table-qty text-center editable" data-key="qty">Qty</th>
</tr>
</thead>
<tbody>
<!-- Bold Product Options Snippet 1 -->
{% assign hidden_variant_ids = "" %}
{% for line_item in line_items %}
{% if line_item.properties._boldVariantIds %}
{% assign hidden_variant_ids = hidden_variant_ids | append: ',' %}
{% assign hidden_variant_ids = hidden_variant_ids | append: line_item.properties._boldVariantIds %}
{% endif %}
{% endfor %}
{% assign hidden_variant_ids = hidden_variant_ids | split: ',' %}
<!-- END Bold Product Options Snippet 1 -->
{% for line_item in line_items %}
{% if line_item.quantity < 1 or line_item.title == "Tip" or line_item.title == "Tips" %}{% continue %}{% endif %}
<!-- Bold Product Options Snippet 2 -->
{% if hidden_variant_ids contains line_item.variant_id %}{% continue %}{% endif %}
{% assign adjusted_item_price = line_item.price %}
{% assign adjusted_line_price = line_item.line_price %}
{% for line_item2 in line_items %}
{% if line_item.properties._boldVariantIds contains line_item2.variant_id and line_item.properties._boldBuilderId == line_item2.properties._boldBuilderId %}
{% assign adjusted_item_price = adjusted_item_price | plus: line_item2.price %}
{% assign adjusted_line_option_price = line_item2.line_price %}
{% assign adjusted_line_price = adjusted_line_price | plus: adjusted_line_option_price %}
{% endif %}
{% endfor %}
<!-- END Bold Product Options Snippet 2 -->
<tr>
<td class="line-item-description">
<p style="font-weight: 700;"><a href="https://{{ shop.domain }}/products/{{ line_item.product.handle }}" style="font-weight: 700;color: inherit;" target="_blank">
{{ line_item.title | replace: " - Default Title", "" }}</a></p>
{% if line_item.sku != blank %}
<p class="line-item-sku">{{ line_item.sku }}</p>
{% endif %}
{% for p in line_item.properties %}
{% assign p_internal = p.first | slice: 0 %}
{% unless p.first contains "builder_id" or p.first contains "builder_info" or p.first contains "master_builder" or p_internal == "_" or p.last == "" or p.last == blank %}
{% if p.last contains "cdn.shopify.com" or p.last contains "/uploads/" or p.last contains ".png?" or p.last contains ".jpg?" or p.last contains "//uploadery.s3" %}
<p class="line-item-property">{{ p.first }}:<br>
</p>
<a href="{{ p.last }}" target="_blank"><img src="{{ p.last }}" alt="{{ p.first }}" width="60" border="0" style="width: 60px; height: auto !important;"></a>
{% else %}
<p class="line-item-property">{{ p.first }}: {{ p.last | newline_to_br }}</p>
{% endif %}
{% endunless %}
{% endfor %}
{% assign refunded_quantity = 0 %}
{% for refund in refunds %}
{% for refund_line_item in refund.refund_line_items %}
{% if line_item.id == refund_line_item.line_item_id %}
{% assign refunded_quantity = refunded_quantity | plus: refund_line_item.quantity %}
{% endif %}
{% endfor %}
{% endfor %}
{% if refunded_quantity > 0 %}
<span class="line-item-refund">Refunded × {{ refunded_quantity }}</span>
{% endif %}
</td>
<td class="text-center line-item-qty">× {{ line_item.quantity }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<div class="clear-fix"></div>
</div>
<div class="row">
<div class="col-xs-12">
<div class="notes">
{% if note != blank %}
<div class="notes-title editable" data-key="order_notes">Notes</div>
{% endif %}
<div class="notes-text">
{{ note | newline_to_br }}
</div>
</div>
</div>
<div class="clear-fix"></div>
</div>
<div class="row">
<div class="col-xs-12 margin-bottom">
<div class="thanks-text full-editable" data-key="thanks">
<p>
<p>
</p>
<p><span style="font-weight: normal;">Life is so serious already, dance your socks away! </span></p>
<p></p>
</p>
</div>
<div class="terms-text full-editable" data-key="terms_and_conditions">
<p>
<p><br>
</p>
</p>
</div>
</div>
<div class="clear-fix"></div>
</div>
<div class="row">
<div class="col-xs-12 shop-block col-no-margin">
<div class="shop-address-block full-editable" data-key="shop_block">
<p><br>
</p>
<p><b>ATELIER POMME</b></p>
<p>hello@atelierpomme.nl </p>
</div>
<a href="https://{{ shop.domain }}" target="_blank">
<div class="shop-domain editable" data-key="shop_domain">
<span style="font-weight: normal;">
www.atelier-pomme.com
</span>
</div>
</a>
<div class="shop-social">
</div>
</div>
<div class="clear-fix"></div>
</div>
</div>
</div>

[Liquid_xPert_SJ]

@myl1 

Yes please you i can do this for you. Can you please share the collaborator code access?

Thanks

[myl1]

Hi hi, 

You are amazing!!! Hereby the code: 2894

[Liquid_xPert_SJ]

@myl1  also please share the store backend address. for example. youstore.myshopify.com

[myl1]

https://admin.shopify.com/store/atelierpommenl

[Liquid_xPert_SJ]

please accept the request

[myl1]

I accepted your request. Sorry for the delay. 

[Liquid_xPert_SJ]

no problem hold on please

[Liquid_xPert_SJ]

I dont have sufficient access of the settings.  can  you please grant.

[myl1]

Yes, it's fixed!

[Liquid_xPert_SJ]

@myl1  provided code updated please check and let me know.

[myl1]

Did you already put it into the shopify template? So do I have to check an order? Because if that's the case it's not right yet. We work with a personalization menu in Globo and that is not shown on the packing slip now, there are images in it which is not the intention and our logo is not in it! 

[Liquid_xPert_SJ]

I just replaced the packaging slip code with the given code you can restore it by clicking on the restore to default.

Go to settings  > Shipping and Delivery > Packing slip and click on restore to default. In case the given code is not works for you.

[myl1]

Oooh yes I understand but the case is that there has to be some adjustments made in the code that i put in the first message. So that's why I uploaded it here, hoping someone could help me with that. 

[myl1]

This is how it looks in Shopify templates. 

And this is how it looks in the order printer app and how I want it to look in the shopify templates: 

[Liquid_xPert_SJ]

@myl1  I suggest you to hire and expert for updating this template for you. Because in the given code you need some adjustments that will be done by only an expert.