Help with migrating to shopify order printer my code needs to be fixed please.

SilkenTwine
Tourist
4 0 1

Hi I am not html literate, I'm a dressmaker, but I have tried my hardest to fix my code so my template looks the same as it used to in order printer legacy. Please please if anyone can check  my code below and fix it for me I would be ever so grateful! I tried to add photos but it only allows CSV which I don't even know what that is...

 

The things that don't seem to be working are as follows

 

the "ship to" section is missing along with the customers name and address

the shipping cost is missing

the gst is missing

 

please see code below

 

<!-- Winter Breeze -->

<!-- Common Base Styling -->

{% assign primary_font = "Lato"%}

{% assign primary_font_color = "#000000" %} <!-- Black text color -->

{% assign primary_font_size = "12px"%}

{% assign secondary_font = "Lato"%}

{% assign secondary_font_color = "#333333" %} <!-- Grey text color -->

{% assign theme_color = "#303336"%}

<script type="text/javascript">

    var font1Id = 'font-{{ primary_font | replace: " ", "-" }}';

      if (!document.getElementById(font1Id)) {

        $.get("https://fonts.googleapis.com/css?family={{ primary_font | replace: " ", "+" }}:300,400,700&subset=latin-ext").done(function(response) {

          var pFontCss = response.replace(/ local\(.+?\)\,/g,"");

          var pStyle = document.createElement('style');

          var pHead = document.head || document.getElementsByTagName('head')[0];

          pStyle.type = 'text/css';

          pStyle.id = font1Id;

          if (pStyle.styleSheet){

            pStyle.styleSheet.cssText = pFontCss;

          } else {

            pStyle.appendChild(document.createTextNode(pFontCss));

          }

          pHead.appendChild(pStyle);

        });

      };

    {% if secondary_font != blank and secondary_font != primary_font %}

      var font2Id = 'font-{{ secondary_font | replace: " ", "-" }}';

      if (!document.getElementById(font1Id)) {

        $.get("https://fonts.googleapis.com/css?family={{ secondary_font | replace: " ", "+" }}:300,400,700&subset=latin-ext").done(function(response) {

          var sFontCss = response.replace(/ local\(.+?\)\,/g,"");

          var sStyle = document.createElement('style');

          var sHead = document.head || document.getElementsByTagName('head')[0];

          sStyle.type = 'text/css';

          sStyle.id = font2Id;

          if (sStyle.styleSheet){

            sStyle.styleSheet.cssText = sFontCss;

          } else {

            sStyle.appendChild(document.createTextNode(sFontCss));

          }

          sHead.appendChild(sStyle);

        });

      };

    {% endif %}

</script>

<script>

    $(function () {

         if (navigator.userAgent.indexOf('Safari') != -1 &&

         navigator.userAgent.indexOf('Chrome') == -1) {

             $("body").addClass("safari");

         }

       });

</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 {

        .safari {

          padding-top: 15px;

          box-sizing: border-box;

        }

        .printer-preview-content .printer-preview-content {

          padding-left: 15px;

          padding-right: 15px;

          box-sizing: border-box;

        }

      }

      @media screen {

        .printer-preview-content {

          padding: 16px 0;

          min-height: 800px;

          /* background-image: url(http://basehold.it/i/16) */

        }

        .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 .t62054 * {

          color: {{ secondary_font_color }};

          font-family: '{{ primary_font }}';

          font-size: {{ primary_font_size }};

          font-weight: 400;

          line-height: 16px;

          text-rendering: optimizeLegibility;

          margin: 0 0 0 0;

          padding: 0 0 0 0;

          -webkit-print-color-adjust: exact;

          overflow: visible !important;

        }

        .printer-preview-content .t62054 h1 {

          font-size: 28px;

          line-height: 32px;

        }

        .printer-preview-content .t62054 h2 {

          font-size: 18px;

          line-height: 32px;

        }

        .printer-preview-content .t62054 h3 {

          font-size: 14px;

          line-height: 16px;

        }

        .printer-preview-content .t62054 h1,

        .printer-preview-content .t62054 h2,

        .printer-preview-content .t62054 h3 {

          margin-bottom: 16px;

        }

        .printer-preview-content .t62054 a,

        .printer-preview-content .t62054 a * {

          text-decoration: none !important;

        }

        .printer-preview-content .t62054 b,

        .printer-preview-content .t62054 b * {

          font-weight: bold;

        }

        .printer-preview-content .t62054 .text-right {

          text-align: right;

        }

        .printer-preview-content .t62054 .text-center {

          text-align: center;

        }

        .printer-preview-content .t62054 .no-wrap {

          white-space: nowrap;

        }

   

        /* ### BASE - GRID AND RE-USABLE LAYOUT COMPONENTS ### */

        .printer-preview-content .t62054 .row {

          width: 100%;

          display: block;

          clear: both;

        }

        .printer-preview-content .t62054 .row:after {

          content: "";

          display: table;

          clear: both;

        }

        .printer-preview-content .t62054 .col-xs-1,

        .printer-preview-content .t62054 .col-xs-2,

        .printer-preview-content .t62054 .col-xs-3,

        .printer-preview-content .t62054 .col-xs-4,

        .printer-preview-content .t62054 .col-xs-5,

        .printer-preview-content .t62054 .col-xs-6,

        .printer-preview-content .t62054 .col-xs-7,

        .printer-preview-content .t62054 .col-xs-8,

        .printer-preview-content .t62054 .col-xs-9,

        .printer-preview-content .t62054 .col-xs-10,

        .printer-preview-content .t62054 .col-xs-11,

        .printer-preview-content .t62054 .col-xs-12 {

          float: left;

          min-height: 1px;

          margin-bottom: 32px;

        }

        .printer-preview-content .t62054 .col-xs-12 {

          width: 100%;

        }

        .printer-preview-content .t62054 .col-xs-11 {

          width: 91.66666667%;

        }

        .printer-preview-content .t62054 .col-xs-10 {

          width: 83.33333333%;

        }

        .printer-preview-content .t62054 .col-xs-9 {

          width: 75%;

        }

        .printer-preview-content .t62054 .col-xs-8 {

          width: 66.66666667%;

        }

        .printer-preview-content .t62054 .col-xs-7 {

          width: 58.33333333%;

        }

        .printer-preview-content .t62054 .col-xs-6 {

          width: 50%;

        }

        .printer-preview-content .t62054 .col-xs-5 {

          width: 41.66666667%;

        }

        .printer-preview-content .t62054 .col-xs-4 {

          width: 33.33333333%;

        }

        .printer-preview-content .t62054 .col-xs-3 {

          width: 25%;

        }

        .printer-preview-content .t62054 .col-xs-2 {

          width: 16.66666667%;

        }

        .printer-preview-content .t62054 .col-xs-1 {

          width: 8.33333333%;

        }

        .printer-preview-content .t62054 .col-no-margin {

          margin-bottom: 0 !important;

        }

        .printer-preview-content .t62054 .clear-fix {

          clear: both;

        }

        .printer-preview-content .t62054 .half-margin-top {

          margin-top: 8px !important;

        }

        .printer-preview-content .t62054 .half-margin-bottom {

          margin-bottom: 8px !important;

        }

        .printer-preview-content .t62054 .margin-bottom {

          margin-bottom: 16px !important;

          margin-top: 1px;

        }

        .printer-preview-content .t62054 .margin-top {

          margin-top: 16px !important;

        }

        .printer-preview-content .t62054 .double-margin-top {

          margin-top: 32px !important;

        }

        .printer-preview-content .t62054 .double-margin-bottom {

          margin-bottom: 32px !important;

        }

   

        .printer-preview-content .t62054 .strikethrough {

          text-decoration: line-through !important;

        }

   

        /* ### BASE - TABLE STYLING ### */

        .printer-preview-content .t62054 table,

        .printer-preview-content .t62054 .table {

          width: 100%;

          max-width: 100%;

          background-color: transparent;

          border-collapse: collapse;

        }

        .printer-preview-content .t62054 table thead {

          display: table-row-group;

        }

        .printer-preview-content .t62054 table tbody tr {

          page-break-inside:avoid !important;

          page-break-after:auto !important;

        }

        .printer-preview-content .t62054 table tbody tr td {

          page-break-inside:avoid !important;

        }

        .printer-preview-content .t62054 th {

          white-space: nowrap;

          text-align: left;

          vertical-align: middle;

          border-top: 0;

          border-bottom: 0;

        }

        .printer-preview-content .t62054 td {

          vertical-align: middle;

          border-top: 0;

          border-bottom: 0;

        }

        .printer-preview-content .t62054 .order-table tbody > tr:nth-child(odd) td {

          background-color: #f9f9f9;

        }

        .printer-preview-content .t62054 .pricing-table tbody > tr:nth-child(even) > td {

          background-color: #f9f9f9;

        }

    /*    .printer-preview-content .t62054 .pricing-table tbody > tr > td.pricing-table-title {

          word-break: break-all;

        }*/

        .printer-preview-content .t62054 th.order-table-qty {

          width: 10%;

        }

        .printer-preview-content .t62054 th.order-table-price {

          width: 10%;

        }

        .printer-preview-content .t62054 th.order-table-item-total,

        .printer-preview-content .t62054 th.order-table-reason {

          width: 17%;

        }

        .printer-preview-content .t62054 th.order-table-return-comments {

          width: 30%;

        }

        .printer-preview-content .t62054 .pricing-table-text {

          text-align: right;

          white-space: nowrap;

        }

   

        /* ### BASE - PRODUCT IMAGE SIZING TO RETAIN LINE HEIGHT RYTHM) ### */

        .printer-preview-content .t62054 .product-image-wrapper {

          width: 64px;

          max-height: 64px;

        }

        .printer-preview-content .t62054 .product-image {

          padding: 0 4px;

          page-break-inside:avoid !important;

          max-width: 64px;

        }

   

        /* ### BASE - LISTS RESET ### */

        .printer-preview-content .t62054 ul {

          list-style: none;

        }

        .printer-preview-content .t62054 li {

          color: {{ secondary_font_color }};

          list-style: none;

        }

   

        /* ### BASE - LOGO ### */

        .printer-preview-content .t62054 .logo-wrapper {

          display: inline-block;

          width: 100%;

          padding-bottom: 8px;

        }

        .printer-preview-content .t62054 .logo {

          float: left;

          padding-right: 15px;

          max-width: 100%;

          max-height: 188.0px;

        }

   

        /* ### BASE - BARCODE ### */

        .printer-preview-content .t62054 .order-number-barcode,

        .printer-preview-content .t62054 .product-barcode {

          display: block;

        }

   

        /* ### BASE - ADDITONAL COMMON SHARED TYPOGRAPHY AND ALIGNMENT ### */

        .printer-preview-content .t62054 .address {

          margin-right: 5%;

        }

        .printer-preview-content .t62054 .col-xs-8 .notes,

        .printer-preview-content .t62054 .col-xs-6 .notes {

          margin-right: 20%;

        }

        .printer-preview-content .t62054 .notes-title,

        .printer-preview-content .t62054 .return-codes {

          margin: 8px 0;

        }

        /* ### BASE - HORIZONTAL RULE MARKS ### */

        .printer-preview-content .t62054 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 .t62054 h1 {

        font-family: '{{ secondary_font }}';

        color: {{ primary_font_color }};

        font-weight: bold;

      }

      .printer-preview-content .t62054 h2 {

        font-family: '{{ secondary_font }}';

        color: {{ primary_font_color }};

      }

      .printer-preview-content .t62054 h3 {

        font-family: '{{ secondary_font }}';

        color: {{ primary_font_color }};

      }

   

      /* ### DESIGN SPECIFIC - LOGO POSITIONING ### */

      .printer-preview-content .t62054 .logo {

        float: right;

        padding-right: 0;

        margin-bottom: 16px;

      }

   

      /* ### DESIGN SPECIFIC - STORE DETAILS ### */

      .printer-preview-content .t62054 .shop-block {

        text-align: center;

      }

      .printer-preview-content .t62054 .shop-block .shop-address-block b,

      .printer-preview-content .t62054 .shop-block .shop-address-block b * {

        color: {{ primary_font_color }};

      }

      .printer-preview-content .t62054 .shop-block .shop-domain {

        font-weight: bold;

      }

   

      .printer-preview-content .t62054 .shop-return-address b,

      .printer-preview-content .t62054 .shop-return-address b * {

        color: {{ primary_font_color }};

      }

   

      /* ### DESIGN SPECIFIC - ORDER DETAILS ### */

      .printer-preview-content .t62054 .order-details-title {

        display: inline-block;

        font-weight: bold;

        color: {{ primary_font_color }};

      }

   

      /* ### DESIGN SPECIFIC - BILL TO AND SHIP TO ADDRESS ### */

      .printer-preview-content .t62054 .address-title {

        font-weight: bold;

        color: {{ primary_font_color }};

      }

   

      /* ### DESIGN SPECIFIC - TABLE HEADER ### */

      .printer-preview-content .t62054 .order-table thead tr th {

        padding-left: 4px;

        padding-right: 4px;

        border-top: 2px solid {{ theme_color }};

        padding-top: 6px;

        border-bottom: 2px solid {{ theme_color }};

        padding-bottom:6px;

        font-weight: bold;

      }

   

      /* ### DESIGN SPECIFIC - TABLE BODY (SHARED) ### */

      .printer-preview-content .t62054 .order-table tbody tr td,

      .printer-preview-content .t62054 .pricing-table tbody tr td {

        padding-left: 4px;

        padding-right: 4px;

        border-top: 0;

        padding-top: 8px;

        border-bottom: 1px solid #efefef;

        padding-bottom:7px;

      }

      /* ### DESIGN SPECIFIC - ORDER TABLE SPECIFIC ### */

      .printer-preview-content .t62054 .order-table tbody > tr > td.line-item-description,

      .printer-preview-content .t62054 .order-table tbody > tr > td.line-item-qty {

        font-weight: bold;

        color: {{ primary_font_color }};

      }

      .printer-preview-content .t62054 .order-table tbody > tr > td.line-item-description p.line-item-sku {

        font-weight: normal;

      }

      /* ### DESIGN SPECIFIC - PRICING TABLE SPECIFIC ### */

      .printer-preview-content .t62054 .pricing-table tbody > tr.pricing-table-total-row > td {

        border-top: 2px solid {{ theme_color }};

        border-bottom: 2px solid {{ theme_color }};

        padding-bottom:6px;

      }

      .printer-preview-content .t62054 .pricing-table tbody > tr > td.pricing-table-title,

      .printer-preview-content .t62054 .pricing-table tbody > tr > td.pricing-table-title span {

        font-weight: bold;

        color: {{ primary_font_color }};

      }

      .printer-preview-content .t62054 .pricing-table tbody > tr.pricing-table-total-row .pricing-table-title,

      .printer-preview-content .t62054 .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 .t62054 .notes-title {

        font-weight: bold;

        color: {{ primary_font_color }};

      }

   

      /* ### DESIGN SPECIFIC - RETURN FORM REASON CODES ### */

      .printer-preview-content .t62054 .return-codes b,

      .printer-preview-content .t62054 .return-code b * {

        font-weight: bold;

        color: {{ primary_font_color }};

      }

   

      /* ### DESIGN SPECIFIC - THANK YOU MESSAGE ### */

      .printer-preview-content .t62054 .thanks-text {

        text-align: center;

        font-weight: bold;

        color: {{ primary_font_color }};

      }

      .printer-preview-content .t62054 .thanks-text * {

        font-weight: bold;

        color: {{ primary_font_color }};

      }

   

      /* ### DESIGN SPECIFIC - GIFT MESSAGE ### */

      .printer-preview-content .t62054 .gift-text {

        text-align: center;

        font-weight: bold;

        width: 80%;

        margin: 0 10%;

        padding-bottom:16px;

        font-size: 18px;

      }

      .printer-preview-content .t62054 .gift-text * {

        font-weight: bold;

        font-size: 18px;

      }

      .printer-preview-content .t62054 .gift-text svg {

        padding-bottom:8px;

      }

   

      /* ### DESIGN SPECIFIC - TERMS AND CONDITIONS ### */

      .printer-preview-content .t62054 .terms-text {

        font-size: 10px;

        text-align: center;

      }

      .printer-preview-content .t62054 .terms-text * {

        font-size: 10px;

      }

   

      /* ### DESIGN SPECIFIC - SOCIAL ICONS ### */

      .printer-preview-content .t62054 .social-icons {

        display: inline;

        width: 20px;

        margin: 8px 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="t62054">

        <div class="row">

            <div id="header-row">

                <div class="col-xs-6">

                    <div class="template-title">

                        <h1 class="editable" data-key="template_type_name">Tax Invoice</h1>

                        <strong>ABN </strong>13145990412

                    </div>

                    <ul class="order-details">

                        <li class="order-details-invoice">

                            <span class="order-details-title editable" data-key="order.invoice_number">Invoice No.</span>

                            <span class="order-details-text">{{order.order_name }}</span>

                        </li>

                        <li class="details-date">

                            <span class="order-details-title editable" data-key="date">Order Date</span>

                            <span class="order-details-text">{{order.created_at | date: "%d %B, %Y" }}</span>

                        </li>

                        {% assign transaction_text = "" %}

                        {% for transaction in transactions %}

                            {% if transaction.status != "failure" and transaction.status != "error" %}

                                {% if transaction.kind == "authorization" or transaction.kind == "sale" %}

                                    {% if transaction.payment_details.credit_card_number %}

                                        {% capture t_text %}{{ transaction.payment_details.credit_card_company }} ({{ transaction.payment_details.credit_card_number | replace: " ", "" | replace: "•", ""}}){% endcapture %}

                                        {% else %}

                                            {% capture t_text %}{{ transaction.gateway | replace: "_", " " | capitalize }}{% endcapture %}

                                        {% endif %}

                                        {% unless transaction_text contains t_text %}

                                            {% if transaction_text != blank %}

                                                {% assign transaction_text = transaction_text | append: ", " %}

                                            {% endif %}

                                            {% assign transaction_text = transaction_text | append: t_text %}

                                        {% endunless %}

                                    {% endif %}

                                {% endif %}

                            {% endfor %}

                            {% if transaction_text != blank and transaction_text != "manual" %}

                                <li class="order-details-payment">

                                    <span class="order-details-title editable" data-key="payment_method">Payment</span>

                                    <span class="order-details-text">{{ transaction_text }}</span>

                                </li>

                            {% endif %}

                            <li class="order-details-shipping">

                                <span class="order-details-title editable" data-key="order.shipping_method">Shipping</span>

                                <span class="order-details-text">{{order.shipping_method.title }}</span>

                            </li>

                        </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://d1sv15muvzgtp9.cloudfront.net/api/file/1UI0QXXTYGAQGo9oBMkl/convert?fit=max&h=1200&w=2400" />

                            </a>

                        </div>

                    </div>

                </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">

                        {% 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.city }}, {% if billing_address.province_code != blank %}{{ billing_address.province_code }}{% else %}{{ billing_address.province }}{% endif %} {{ billing_address.zip | upcase }}</li>

                            {% if shop.country != billing_address.country %}

                                <li>{{ billing_address.country }}</li>

                            {% endif %}

                        {% elsif customer != blank and customer.default_address != blank %}

                            <li>{{ customer.name }}</li>

                            {% if customer.default_address.company != blank %}

                                <li>{{ customer.default_address.company }}</li>

                            {% endif %}

                            <li>{{ customer.default_address.address1 }}</li>

                            {% if customer.default_address.address2 != blank %}

                                <li>{{ customer.default_address.address2 }}</li>

                            {% endif %}

                            <li>{{ customer.default_address.city }}, {% if customer.default_address.province_code != blank %}{{ customer.default_address.province_code }}{% else %}{{ customer.default_address.province }}{% endif %} {{ customer.default_address.zip | upcase }}</li>

                            {% if shop.country != customer.default_address.country %}

                                <li>{{ customer.default_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 order.shipping_address and shipping_address != blank %}

                            <li>{{ shipping_address.name }}</li>

                            {% if order.shipping_address.company != blank %}

                                <li>{{order.shipping_address.company }}</li>

                            {% endif %}

                            <li>{{ shipping_address.address1 }}</li>

                            {% if shipping_address.address2 != blank %}

                                <li>{{ shipping_address.address2 }}</li>

                            {% endif %}

                            <li>{{ shipping_address.city }}, {% if shipping_address.province_code != blank %}{{ shipping_address.province_code }}{% else %}{{ shipping_address.province }}{% endif %} {{ shipping_address.zip | upcase }}</li>

                            {% if shop.country != shipping_address.country %}

                                <li>{{ shipping_address.country }}</li>

                            {% endif %}

                        {% endif %}

                    </ul>

                </div>

            </div>

            <div class="row">

                <div class="col-xs-12 col-no-margin">

                    <table class="order-table table">

                        <thead>

                            <tr>

                                <th colspan=2 class="order-table-title editable" data-key="item">Item Description</th>

                                <th class="order-table-qty text-center editable" data-key="qty">Qty</th>

                                <th class="order-table-price text-right editable" data-key="price">Price</th>

                                <th class="order-table-item-total text-right editable" data-key="item_total">Total</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 %}

                                {% assign non_refunded_quantity = line_item.quantity %}

                                <!-- 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.price | times: non_refunded_quantity %}

                                {% for line_item2 in line_items %}

                                    {% if line_item.properties._boldVariantIds contains line_item2.variant_id %}

                                        {% assign adjusted_item_price = adjusted_item_price | plus: line_item2.price %}

                                        {% assign adjusted_line_option_price = line_item2.price | times: non_refunded_quantity %}

                                        {% assign adjusted_line_price = adjusted_line_price | plus: adjusted_line_option_price %}

                                    {% endif %}

                                {% endfor %}

                                <!-- END Bold Product Options Snippet 2 -->

                                <tr>

                                    <td class="product-image-wrapper">{% if line_item.image != blank %}<img class="product-image" src="{{ line_item.image | img_url: 'medium' }}"/>{% endif %}</td>

                                    <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 "/uploads/" or p.last contains ".png?" or p.last contains ".jpg?" %}

                                                    <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 %}

                                    </td>

                                    <td class="text-center line-item-qty">× {{ non_refunded_quantity }}</td>

                                    {% assign product_tax = 0.0 %}

                                    {% for tax in line_item.tax_lines %}

                                        {% assign per_item_tax = tax.price | divided_by: line_item.quantity %}

                                        {% assign product_tax = product_tax | plus: per_item_tax %}

                                    {% endfor %}

                                    <td class="text-right no-wrap line-item-price">

                                        {% if line_item.variant.price and line_item.variant.price > adjusted_item_price %}

                                            {% assign original_price = line_item.variant.price %}

                                        {% elsif line_item.variant.compare_at_price and line_item.variant.compare_at_price > adjusted_item_price %}

                                            {% assign original_price = line_item.variant.compare_at_price %}

                                        {% elsif line_item.total_discount and line_item.total_discount > 0 %}

                                            {% assign original_price = line_item.total_discount | divided_by: line_item.quantity | plus: adjusted_item_price %}

                                        {% else %}

                                            {% assign original_price = 0 %}

                                        {% endif %}

                                        {% if original_price > 0 and original_price > adjusted_item_price %}

                                            <p class="strikethrough"><s>{{ original_price | money }}</s></p>

                                        {% endif %}

                                        <p>{{ adjusted_item_price | money }}</p>

                                    </td>

                                    <td class="text-right no-wrap line-item-line-price">{{ adjusted_line_price | money }}</td>

                                </tr>

                            {% endfor %}

                        </tbody>

                    </table>

                </div>

            </div>

            <div class="row">

                <div class="col-xs-8">

                    <div class="notes">

                        {% if note != blank or attributes != 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="col-xs-4">

                    <table class="pricing-table table">

                        <tbody>

                            {% if total_discounts != blank or total_discounts != 0.00 %}

                                <tr>

                                    <td class="pricing-table-title"><span class="editable" data-key="discount">Discount</span></td>

                                    <td class="pricing-table-text">-{{ total_discounts | money }}</td>

                                </tr>

                            {% endif %}

                            <tr>

                                <td class="pricing-table-title editable" data-key="subtotal">Subtotal</td>

                                <td class="pricing-table-text">{{ order.subtotal_price | money }}</td>

                            </tr>

                            <tr>

                                <td class="pricing-table-title editable" data-key="shipping_handling">Shipping</td>

                                <td class="pricing-table-text">{{order.shipping_price | default: 0 | money }}</td>

                            </tr>

                            {% if total_tax != 0.00 and total_tax != blank %}

                                <tr>

                                    <td class="pricing-table-title editable" data-key="order.total_tax">GST (10%)</td>

                                    <td class="pricing-table-text">{{ order.total_tax | money }}</td>

                                </tr>

                            {% endif %}

                            <tr class="pricing-table-total-row">

                                <td class="pricing-table-title"><span class="editable" data-key="total">Total incl. GST</span></td>

                                <td class="pricing-table-text">{{ order.total_price | money }}</td>

                            </tr>

                            {% assign total_refunds =  0.0 %}

                            {% for transaction in transactions %}

                                {% if transaction.kind == "refund" and transaction.status == "success" %}

                                    <tr>

                                        <td class="pricing-table-title editable" data-key="refund">Refund</td>

                                        <td class="pricing-table-text">-{{ transaction.amount | money }}</td>

                                        {% assign total_refunds = total_refunds | plus: transaction.amount %}

                                    </tr>

                                {% endif %}

                            {% endfor %}

                        </tbody>

                    </table>

                </div>

            </div>

            <div class="row">

                <div class="col-xs-12 margin-bottom">

                    <div class="thanks-text full-editable" data-key="thanks">

                        <p>Thanks for your business!</p>

                    </div>

                    <div class="terms-text full-editable" data-key="terms_and_conditions">

                        <p>If you have any questions, please do get in contact.</p>

                    </div>

                </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>

                            <b>Silken Twine</b>

                        </p>

                        <p> Leschenault, WA 6233 </p>

                        <p>silkentwine@outlook.com </p>

                        <p>Phone 0419021679</p>

                    </div>

                    <a href="https://{{ shop.domain }}" target="_blank">

                        <div class="shop-domain editable" data-key="shop_domain">

                            silkentwine.com.au

                        </div>

                    </a>

                    <div class="shop-social">

                        <a href="https://www.facebook.com/shopify" target="_blank">

                            <img class="social-icons" src="https://cdn.shopify.com/s/files/1/0398/5025/files/Fb_icon.jpg?11755453313570768267"/>

                        </a>

                        <a href="https://instagram.com/shopify" target="_blank">

                            <img class="social-icons" src="https://cdn.shopify.com/s/files/1/0398/5025/files/instagram_9.png?576915513262272927"/>

                        </a>

                    </div>

                </div>

            </div>

        </div>

    </div>

 

Reply 1 (1)

MakP
Shopify Partner
33 9 12

Hello, give this a try and let me know if anything else needs attention. The shipping cost seems to be working fine for me without any changes, so let me know if that still isn't working for you.

 

Changes I made: 

  1. Removed all JavaScript (New order printer app blocks all user scripts unfortunately)
  2. To fix "Ship To" I changed all "shipping_method..." to "order.shipping_method..."
  3. To fix the tax line I changed all "total_tax" to "order.tax_price"
  4. To fix the order note I changed "note" to "order.note" (You didn't mention this but I noticed it wasn't working)
<!-- Winter Breeze -->
<!-- Common Base Styling -->
{% assign primary_font = "Lato"%}
{% assign primary_font_color = "#000000" %} <!-- Black text color -->
{% assign primary_font_size = "12px"%}
{% assign secondary_font = "Lato"%}
{% assign secondary_font_color = "#333333" %} <!-- Grey text color -->
{% assign theme_color = "#303336"%}
<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 {
        .safari {
            padding-top: 15px;
            box-sizing: border-box;
        }
        .printer-preview-content .printer-preview-content {
            padding-left: 15px;
            padding-right: 15px;
            box-sizing: border-box;
        }
    }

    @media screen {
        .printer-preview-content {
            padding: 16px 0;
            min-height: 800px;
            /* background-image: url(http://basehold.it/i/16) */
        }

        .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 .t62054 * {
            color: { {secondary_font_color }};
            font-family: '{{ primary_font }}';
            font-size: {{ primary_font_size}};
            font-weight: 400;
            line-height: 16px;
            text-rendering: optimizeLegibility;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            -webkit-print-color-adjust: exact;
            overflow: visible !important;
        }

        .printer-preview-content .t62054 h1 {
            font-size: 28px;
            line-height: 32px;
        }

        .printer-preview-content .t62054 h2 {
            font-size: 18px;
            line-height: 32px;
        }

        .printer-preview-content .t62054 h3 {
            font-size: 14px;
            line-height: 16px;
        }

        .printer-preview-content .t62054 h1,
        .printer-preview-content .t62054 h2,
        .printer-preview-content .t62054 h3 {
            margin-bottom: 16px;
        }

        .printer-preview-content .t62054 a,
        .printer-preview-content .t62054 a * {
            text-decoration: none !important;
        }

        .printer-preview-content .t62054 b,
        .printer-preview-content .t62054 b * {
            font-weight: bold;
        }

        .printer-preview-content .t62054 .text-right {
            text-align: right;
        }

        .printer-preview-content .t62054 .text-center {
            text-align: center;
        }

        .printer-preview-content .t62054 .no-wrap {
            white-space: nowrap;
        }

        /* ### BASE - GRID AND RE-USABLE LAYOUT COMPONENTS ### */

        .printer-preview-content .t62054 .row {
            width: 100%;
            display: block;
            clear: both;
        }

        .printer-preview-content .t62054 .row:after {
            content: "";
            display: table;
            clear: both;
        }

        .printer-preview-content .t62054 .col-xs-1,
        .printer-preview-content .t62054 .col-xs-2,
        .printer-preview-content .t62054 .col-xs-3,
        .printer-preview-content .t62054 .col-xs-4,
        .printer-preview-content .t62054 .col-xs-5,
        .printer-preview-content .t62054 .col-xs-6,
        .printer-preview-content .t62054 .col-xs-7,
        .printer-preview-content .t62054 .col-xs-8,
        .printer-preview-content .t62054 .col-xs-9,
        .printer-preview-content .t62054 .col-xs-10,
        .printer-preview-content .t62054 .col-xs-11,
        .printer-preview-content .t62054 .col-xs-12 {
            float: left;
            min-height: 1px;
            margin-bottom: 32px;
        }

        .printer-preview-content .t62054 .col-xs-12 {
            width: 100%;
        }

        .printer-preview-content .t62054 .col-xs-11 {
            width: 91.66666667%;
        }

        .printer-preview-content .t62054 .col-xs-10 {
            width: 83.33333333%;
        }

        .printer-preview-content .t62054 .col-xs-9 {
            width: 75%;
        }

        .printer-preview-content .t62054 .col-xs-8 {
            width: 66.66666667%;
        }

        .printer-preview-content .t62054 .col-xs-7 {
            width: 58.33333333%;
        }

        .printer-preview-content .t62054 .col-xs-6 {
            width: 50%;
        }

        .printer-preview-content .t62054 .col-xs-5 {
            width: 41.66666667%;
        }

        .printer-preview-content .t62054 .col-xs-4 {
            width: 33.33333333%;
        }

        .printer-preview-content .t62054 .col-xs-3 {
            width: 25%;
        }

        .printer-preview-content .t62054 .col-xs-2 {
            width: 16.66666667%;
        }

        .printer-preview-content .t62054 .col-xs-1 {
            width: 8.33333333%;
        }

        .printer-preview-content .t62054 .col-no-margin {
            margin-bottom: 0 !important;
        }

        .printer-preview-content .t62054 .clear-fix {
            clear: both;
        }

        .printer-preview-content .t62054 .half-margin-top {
            margin-top: 8px !important;
        }

        .printer-preview-content .t62054 .half-margin-bottom {
            margin-bottom: 8px !important;
        }

        .printer-preview-content .t62054 .margin-bottom {
            margin-bottom: 16px !important;
            margin-top: 1px;
        }

        .printer-preview-content .t62054 .margin-top {
            margin-top: 16px !important;
        }

        .printer-preview-content .t62054 .double-margin-top {
            margin-top: 32px !important;
        }

        .printer-preview-content .t62054 .double-margin-bottom {
            margin-bottom: 32px !important;
        }

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

        /* ### BASE - TABLE STYLING ### */

        .printer-preview-content .t62054 table,
        .printer-preview-content .t62054 .table {
            width: 100%;
            max-width: 100%;
            background-color: transparent;
            border-collapse: collapse;
        }

        .printer-preview-content .t62054 table thead {
            display: table-row-group;
        }

        .printer-preview-content .t62054 table tbody tr {
            page-break-inside: avoid !important;
            page-break-after: auto !important;
        }

        .printer-preview-content .t62054 table tbody tr td {
            page-break-inside: avoid !important;
        }

        .printer-preview-content .t62054 th {
            white-space: nowrap;
            text-align: left;
            vertical-align: middle;
            border-top: 0;
            border-bottom: 0;
        }

        .printer-preview-content .t62054 td {
            vertical-align: middle;
            border-top: 0;
            border-bottom: 0;
        }

        .printer-preview-content .t62054 .order-table tbody>tr:nth-child(odd) td {
            background-color: #f9f9f9;
        }

        .printer-preview-content .t62054 .pricing-table tbody>tr:nth-child(even)>td {
            background-color: #f9f9f9;
        }

        /*    .printer-preview-content .t62054 .pricing-table tbody > tr > td.pricing-table-title {
          word-break: break-all;
        }*/

        .printer-preview-content .t62054 th.order-table-qty {
            width: 10%;
        }

        .printer-preview-content .t62054 th.order-table-price {
            width: 10%;
        }

        .printer-preview-content .t62054 th.order-table-item-total,
        .printer-preview-content .t62054 th.order-table-reason {
            width: 17%;
        }

        .printer-preview-content .t62054 th.order-table-return-comments {
            width: 30%;
        }

        .printer-preview-content .t62054 .pricing-table-text {
            text-align: right;
            white-space: nowrap;
        }

        /* ### BASE - PRODUCT IMAGE SIZING TO RETAIN LINE HEIGHT RYTHM) ### */

        .printer-preview-content .t62054 .product-image-wrapper {
            width: 64px;
            max-height: 64px;
        }

        .printer-preview-content .t62054 .product-image {
            padding: 0 4px;
            page-break-inside: avoid !important;
            max-width: 64px;
        }

        /* ### BASE - LISTS RESET ### */

        .printer-preview-content .t62054 ul {
            list-style: none;
        }

        .printer-preview-content .t62054 li {
            color: {{ secondary_font_color }};
            list-style: none;
        }

        /* ### BASE - LOGO ### */

        .printer-preview-content .t62054 .logo-wrapper {
            display: inline-block;
            width: 100%;
            padding-bottom: 8px;
        }

        .printer-preview-content .t62054 .logo {
            float: left;
            padding-right: 15px;
            max-width: 100%;
            max-height: 188.0px;
        }

        /* ### BASE - BARCODE ### */

        .printer-preview-content .t62054 .order-number-barcode,
        .printer-preview-content .t62054 .product-barcode {
            display: block;
        }

        /* ### BASE - ADDITONAL COMMON SHARED TYPOGRAPHY AND ALIGNMENT ### */

        .printer-preview-content .t62054 .address {
            margin-right: 5%;
        }

        .printer-preview-content .t62054 .col-xs-8 .notes,
        .printer-preview-content .t62054 .col-xs-6 .notes {
            margin-right: 20%;
        }

        .printer-preview-content .t62054 .notes-title,
        .printer-preview-content .t62054 .return-codes {
            margin: 8px 0;
        }

        /* ### BASE - HORIZONTAL RULE MARKS ### */

        .printer-preview-content .t62054 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 .t62054 h1 {
            font-family: '{{ secondary_font }}';
            color: {{ primary_font_color }};
            font-weight: bold;
        }

        .printer-preview-content .t62054 h2 {
            font-family: '{{ secondary_font }}';
            color: {{ primary_font_color }};
        }

        .printer-preview-content .t62054 h3 {
            font-family: '{{ secondary_font }}';
            color: {{ primary_font_color }};
        }

        /* ### DESIGN SPECIFIC - LOGO POSITIONING ### */

        .printer-preview-content .t62054 .logo {
            float: right;
            padding-right: 0;
            margin-bottom: 16px;
        }



        /* ### DESIGN SPECIFIC - STORE DETAILS ### */

        .printer-preview-content .t62054 .shop-block {
            text-align: center;
        }

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

        .printer-preview-content .t62054 .shop-block .shop-domain {
            font-weight: bold;
        }

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

        /* ### DESIGN SPECIFIC - ORDER DETAILS ### */

        .printer-preview-content .t62054 .order-details-title {
            display: inline-block;
            font-weight: bold;
            color: {{ primary_font_color }};
        }

        /* ### DESIGN SPECIFIC - BILL TO AND SHIP TO ADDRESS ### */

        .printer-preview-content .t62054 .address-title {
            font-weight: bold;
            color: {{ primary_font_color }};
        }

        /* ### DESIGN SPECIFIC - TABLE HEADER ### */

        .printer-preview-content .t62054 .order-table thead tr th {
            padding-left: 4px;
            padding-right: 4px;
            border-top: 2px solid {{ theme_color }};
            padding-top: 6px;
            border-bottom: 2px solid {{ theme_color }};
            padding-bottom:6px;
            font-weight: bold;
        }

        /* ### DESIGN SPECIFIC - TABLE BODY (SHARED) ### */

        .printer-preview-content .t62054 .order-table tbody tr td,
        .printer-preview-content .t62054 .pricing-table tbody tr td {
            padding-left: 4px;
            padding-right: 4px;
            border-top: 0;
            padding-top: 8px;
            border-bottom: 1px solid #efefef;
            padding-bottom: 7px;
        }

        /* ### DESIGN SPECIFIC - ORDER TABLE SPECIFIC ### */

        .printer-preview-content .t62054 .order-table tbody>tr>td.line-item-description,
        .printer-preview-content .t62054 .order-table tbody>tr>td.line-item-qty {
            font-weight: bold;
            color: {{ primary_font_color }};
        }

        .printer-preview-content .t62054 .order-table tbody>tr>td.line-item-description p.line-item-sku {
            font-weight: normal;
        }

        /* ### DESIGN SPECIFIC - PRICING TABLE SPECIFIC ### */

        .printer-preview-content .t62054 .pricing-table tbody>tr.pricing-table-total-row>td {
            border-top: 2px solid {{ theme_color }};
            border-bottom: 2px solid {{ theme_color }};
            padding-bottom:6px;
        }

        .printer-preview-content .t62054 .pricing-table tbody>tr>td.pricing-table-title,
        .printer-preview-content .t62054 .pricing-table tbody>tr>td.pricing-table-title span {
            font-weight: bold;
            color: {{ primary_font_color }};
        }

        .printer-preview-content .t62054 .pricing-table tbody>tr.pricing-table-total-row .pricing-table-title,
        .printer-preview-content .t62054 .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 .t62054 .notes-title {
            font-weight: bold;
            color: {{ primary_font_color }};
        }

        /* ### DESIGN SPECIFIC - RETURN FORM REASON CODES ### */

        .printer-preview-content .t62054 .return-codes b,
        .printer-preview-content .t62054 .return-code b * {
            font-weight: bold;
            color: {{ primary_font_color }};
        }

        /* ### DESIGN SPECIFIC - THANK YOU MESSAGE ### */

        .printer-preview-content .t62054 .thanks-text {
            text-align: center;
            font-weight: bold;
            color: {{ primary_font_color }};
        }

        .printer-preview-content .t62054 .thanks-text * {
            font-weight: bold;
            color: {{ primary_font_color }};
        }

        /* ### DESIGN SPECIFIC - GIFT MESSAGE ### */

        .printer-preview-content .t62054 .gift-text {
            text-align: center;
            font-weight: bold;
            width: 80%;
            margin: 0 10%;
            padding-bottom: 16px;
            font-size: 18px;
        }

        .printer-preview-content .t62054 .gift-text * {
            font-weight: bold;
            font-size: 18px;
        }

        .printer-preview-content .t62054 .gift-text svg {
            padding-bottom: 8px;
        }

        /* ### DESIGN SPECIFIC - TERMS AND CONDITIONS ### */

        .printer-preview-content .t62054 .terms-text {
            font-size: 10px;
            text-align: center;
        }

        .printer-preview-content .t62054 .terms-text * {
            font-size: 10px;
        }

        /* ### DESIGN SPECIFIC - SOCIAL ICONS ### */

        .printer-preview-content .t62054 .social-icons {
            display: inline;
            width: 20px;
            margin: 8px 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="t62054">
		<div class="row">
			<div id="header-row">
				<div class="col-xs-6">
					<div class="template-title">
						<h1 class="editable" data-key="template_type_name">Tax Invoice</h1>
						<strong>ABN </strong>13145990412
					</div>
					<ul class="order-details">
						<li class="order-details-invoice">
							<span class="order-details-title editable" data-key="order.invoice_number">Invoice
							No.</span>
							<span class="order-details-text">{{order.order_name }}</span>
						</li>
						<li class="details-date">
							<span class="order-details-title editable" data-key="date">Order Date</span>
							<span class="order-details-text">{{order.created_at | date: "%d %B, %Y" }}</span>
						</li>
						{% assign transaction_text = "" %}
						{% for transaction in transactions %}
						{% if transaction.status != "failure" and transaction.status != "error" %}
						{% if transaction.kind == "authorization" or transaction.kind == "sale" %}
						{% if transaction.payment_details.credit_card_number %}
						{% capture t_text %}{{ transaction.payment_details.credit_card_company }} ({{
						transaction.payment_details.credit_card_number | replace: " ", "" | replace: "•", ""}}){%
						endcapture %}
						{% else %}
						{% capture t_text %}{{ transaction.gateway | replace: "_", " " | capitalize }}{% endcapture %}
						{% endif %}
						{% unless transaction_text contains t_text %}
						{% if transaction_text != blank %}
						{% assign transaction_text = transaction_text | append: ", " %}
						{% endif %}
						{% assign transaction_text = transaction_text | append: t_text %}
						{% endunless %}
						{% endif %}
						{% endif %}
						{% endfor %}
						{% if transaction_text != blank and transaction_text != "manual" %}
						<li class="order-details-payment">
							<span class="order-details-title editable" data-key="payment_method">Payment</span>
							<span class="order-details-text">{{ transaction_text }}</span>
						</li>
						{% endif %}
						<li class="order-details-shipping">
							<span class="order-details-title editable" data-key="order.shipping_method">Shipping</span>
							<span class="order-details-text">{{order.shipping_method.title }}</span>
						</li>
					</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://d1sv15muvzgtp9.cloudfront.net/api/file/1UI0QXXTYGAQGo9oBMkl/convert?fit=max&h=1200&w=2400" />
						</a>
					</div>
				</div>
			</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">
					{% 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.city }}, {% if billing_address.province_code != blank %}{{
						billing_address.province_code }}{% else %}{{ billing_address.province }}{% endif %} {{
						billing_address.zip | upcase }}
					</li>
					{% if shop.country != billing_address.country %}
					<li>{{ billing_address.country }}</li>
					{% endif %}
					{% elsif customer != blank and customer.default_address != blank %}
					<li>{{ customer.name }}</li>
					{% if customer.default_address.company != blank %}
					<li>{{ customer.default_address.company }}</li>
					{% endif %}
					<li>{{ customer.default_address.address1 }}</li>
					{% if customer.default_address.address2 != blank %}
					<li>{{ customer.default_address.address2 }}</li>
					{% endif %}
					<li>{{ customer.default_address.city }}, {% if customer.default_address.province_code != blank %}{{
						customer.default_address.province_code }}{% else %}{{ customer.default_address.province }}{%
						endif %} {{ customer.default_address.zip | upcase }}
					</li>
					{% if shop.country != customer.default_address.country %}
					<li>{{ customer.default_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 order.shipping_address and order.shipping_address != "" and order.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 order.shipping_address and order.shipping_address != blank %}
					<li>{{ order.shipping_address.name }}</li>
					{% if order.shipping_address.company != blank %}
					<li>{{order.shipping_address.company }}</li>
					{% endif %}
					<li>{{ order.shipping_address.address1 }}</li>
					{% if order.shipping_address.address2 != blank %}
					<li>{{ order.shipping_address.address2 }}</li>
					{% endif %}
					<li>{{ order.shipping_address.city }}, {% if order.shipping_address.province_code != blank %}{{
						order.shipping_address.province_code }}{% else %}{{ order.shipping_address.province }}{% endif
						%} {{
						order.order.shipping_address.zip | upcase }}
					</li>
					{% if shop.country != order.shipping_address.country %}
					<li>{{ order.shipping_address.country }}</li>
					{% endif %}
					{% endif %}
				</ul>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12 col-no-margin">
				<table class="order-table table">
					<thead>
						<tr>
							<th colspan=2 class="order-table-title editable" data-key="item">Item Description</th>
							<th class="order-table-qty text-center editable" data-key="qty">Qty</th>
							<th class="order-table-price text-right editable" data-key="price">Price</th>
							<th class="order-table-item-total text-right editable" data-key="item_total">Total</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 %}
						{% assign non_refunded_quantity = line_item.quantity %}
						<!-- 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.price | times: non_refunded_quantity %}
						{% for line_item2 in line_items %}
						{% if line_item.properties._boldVariantIds contains line_item2.variant_id %}
						{% assign adjusted_item_price = adjusted_item_price | plus: line_item2.price %}
						{% assign adjusted_line_option_price = line_item2.price | times: non_refunded_quantity %}
						{% assign adjusted_line_price = adjusted_line_price | plus: adjusted_line_option_price %}
						{% endif %}
						{% endfor %}
						<!-- END Bold Product Options Snippet 2 -->
						<tr>
							<td class="product-image-wrapper">{% if line_item.image != blank %}<img
								class="product-image" src="{{ line_item.image | img_url: 'medium' }}" />{% endif %}
							</td>
							<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 "/uploads/" or p.last contains ".png?" or p.last contains ".jpg?"
								%}
								<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 %}
							</td>
							<td class="text-center line-item-qty">× {{ non_refunded_quantity }}</td>
							{% assign product_tax = 0.0 %}
							{% for tax in line_item.tax_lines %}
							{% assign per_item_tax = tax.price | divided_by: line_item.quantity %}
							{% assign product_tax = product_tax | plus: per_item_tax %}
							{% endfor %}
							<td class="text-right no-wrap line-item-price">
								{% if line_item.variant.price and line_item.variant.price > adjusted_item_price %}
								{% assign original_price = line_item.variant.price %}
								{% elsif line_item.variant.compare_at_price and line_item.variant.compare_at_price >
								adjusted_item_price %}
								{% assign original_price = line_item.variant.compare_at_price %}
								{% elsif line_item.total_discount and line_item.total_discount > 0 %}
								{% assign original_price = line_item.total_discount | divided_by: line_item.quantity |
								plus: adjusted_item_price %}
								{% else %}
								{% assign original_price = 0 %}
								{% endif %}
								{% if original_price > 0 and original_price > adjusted_item_price %}
								<p class="strikethrough"><s>{{ original_price | money }}</s></p>
								{% endif %}
								<p>{{ adjusted_item_price | money }}</p>
							</td>
							<td class="text-right no-wrap line-item-line-price">{{ adjusted_line_price | money }}</td>
						</tr>
						{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-8">
				<div class="notes">
					{% if order.note != blank or attributes != blank %}
					<div class="notes-title editable" data-key="order_notes">Notes</div>
					{% endif %}
					<div class="notes-text">
						{{ order.note | newline_to_br }}
					</div>
				</div>
			</div>
			<div class="col-xs-4">
				<table class="pricing-table table">
					<tbody>
						{% if total_discounts != blank or total_discounts != 0.00 %}
						<tr>
							<td class="pricing-table-title"><span class="editable" data-key="discount">Discount</span>
							</td>
							<td class="pricing-table-text">-{{ total_discounts | money }}</td>
						</tr>
						{% endif %}
						<tr>
							<td class="pricing-table-title editable" data-key="subtotal">Subtotal</td>
							<td class="pricing-table-text">{{ order.subtotal_price | money }}</td>
						</tr>
						<tr>
							<td class="pricing-table-title editable" data-key="shipping_handling">Shipping</td>
							<td class="pricing-table-text">{{order.shipping_price | default: 0 | money }}</td>
						</tr>
						{% if order.tax_price != 0.00 and order.tax_price != blank %}
						<tr>
							<td class="pricing-table-title editable" data-key="order.tax_price">GST (10%)</td>
							<td class="pricing-table-text">{{ order.tax_price | money }}</td>
						</tr>
						{% endif %}
						<tr class="pricing-table-total-row">
							<td class="pricing-table-title"><span class="editable" data-key="total">Total incl.
								GST</span>
							</td>
							<td class="pricing-table-text">{{ order.total_price | money }}</td>
						</tr>
						{% assign total_refunds = 0.0 %}
						{% for transaction in transactions %}
						{% if transaction.kind == "refund" and transaction.status == "success" %}
						<tr>
							<td class="pricing-table-title editable" data-key="refund">Refund</td>
							<td class="pricing-table-text">-{{ transaction.amount | money }}</td>
							{% assign total_refunds = total_refunds | plus: transaction.amount %}
						</tr>
						{% endif %}
						{% endfor %}
					</tbody>
				</table>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12 margin-bottom">
				<div class="thanks-text full-editable" data-key="thanks">
					<p>Thanks for your business!</p>
				</div>
				<div class="terms-text full-editable" data-key="terms_and_conditions">
					<p>If you have any questions, please do get in contact.</p>
				</div>
			</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>
						<b>Silken Twine</b>
					</p>
					<p> Leschenault, WA 6233 </p>
					<p>silkentwine@outlook.com </p>
					<p>Phone 0419021679</p>
				</div>
				<a href="https://{{ shop.domain }}" target="_blank">
					<div class="shop-domain editable" data-key="shop_domain">
						silkentwine.com.au
					</div>
				</a>
				<div class="shop-social">
					<a href="https://www.facebook.com/shopify" target="_blank">
					<img class="social-icons"
						src="https://cdn.shopify.com/s/files/1/0398/5025/files/Fb_icon.jpg?11755453313570768267" />
					</a>
					<a href="https://instagram.com/shopify" target="_blank">
					<img class="social-icons"
						src="https://cdn.shopify.com/s/files/1/0398/5025/files/instagram_9.png?576915513262272927" />
					</a>
				</div>
			</div>
		</div>
	</div>
</div>