new Template

<link rel="stylesheet" href="chrome-extension://ojdacaeifolmomdnjodfmojipkmkboii/css/bootstrap.min.css" />
<style>
.barcode-100 img {
    width: 200px;
    height: 70px;
}
</style>
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <div class="qrcode mock" id="kerry-qr-{{tracking_id}}" style="width:200px;height:200px;">{{#barcodes.QRCODE_10_10}}{{ tracking_id }} 1 1 {{{ shipment_provider_route }}}{{/barcodes.QRCODE_10_10}}</div>
            <div class="pt-3">
                <h1 class="p-0 m-0">{{ tracking_id }}</h1>
            </div>
        </div>
        <div class="replace-logo">

        </div>
    </div>
    <div class="row justify-content-between h-1">
        <div class="border border-dark rounded p-3 col-8">
            <div class="row">
                <div class="col-3">ชื่อผู้รับ</div>
                <div class="col-9"><h4>{{{ shipping_address_customer_name }}}</h4></div>
            </div>

            <div class="row">
                <div class="col-3">ที่อยู่</div>
                <div class="col-9">
                    <h4>
                        {{shipping_address_street}} </br>
                        {{shipping_address_street4}}
                        {{shipping_address_street3}}
                        {{{shipping_address_zipcode}}}
                    </h4>
                </div>
            </div>

            <div class="row">
                <div class="col-3">เบอร์โทร</div>
                <div class="col-9"><h4>{{ shipping_address_phone_number }}</h4></div>
            </div>

            <div class="row">
                <div class="col-3">Order Number</div>
                <div class="col-9"><h4>{{ order_nr }}</h4></div>
            </div>
        </div>
        <div class="p-1 col-4 text-center">
            <h4>{{{ payment_method }}}</h4>
            <div class="barcode-100" style="padding-top: 5px;color: #ffffff;">{{#barcodes.C39_1_35}}{{ total }}{{/barcodes.C39_1_35}}</div>
        </div>
    </div>

    <div class="border-top my-3"></div>

    <div class="table-order-items mt-3">
        <span>{{{ order_items }}}</span>
    </div>

    <div class="border-top my-3"></div>

    <div class="replace-thankyou"></div>

</div>

<div class="barcode mock d-none" style="height: 101px;margin-top: 4px;" type="code128" width="2">{{#barcodes.C128_1_104}}{{ tracking_id }}{{/barcodes.C128_1_104}}</div>
<div class="customer-name d-none">{{{ shipping_address_customer_name }}}</div>
<div class="customer-phone d-none">{{ shipping_address_phone_number }}</div>
<div class="customer-order d-none">{{ order_nr }}</div>