Điều chỉnh mẫu in vận đơn để shipper Giao hàng tiết kiệm quét được mã
Trên vận đơn khi in từ Haravan sẽ có đầy đủ các thông tin cần thiết cho việc đóng gói và Shipper nhận hàng như: mã đơn hàng, mã vận đơn, Barcode để shipper quét khi nhận hàng, sản phẩm và số lượng cần đóng gói.
Tuy nhiên, hiện tại mã vận đơn của Giao hàng tiết kiệm rất dài và với mẫu phát sinh vấn đề Shipper của Giao hàng tiết kiệm không thể quét mã Barcode trên vận đơn được in từ Haravan. Điều này làm bạn phải truy cập trang quản lý của Giao hàng tiết kiệm để in vận đơn, làm mất thời gian và trải nghiệm xử lý đơn hàng không xuyên suốt trên Haravan.
Bài viết sau đây sẽ hướng dẫn bạn điều chỉnh mẫu in trên Haravan để Shipper của Giao hàng nhanh có thể quét mã Barcode in trên vận đơn in từ Haravan.
Đây là 2 bản in trước và sau khi điểu chỉnh mẫu in vận đơn:
| Mẫu in trước khi chỉnh sửa | Mẫu in sau khi chỉnh sửa |
Nội dung bài viết
Hướng dẫn cho trường hợp chưa từng điều chỉnh mẫuin.
Bước 1: Vào trang admin.
Bước 2: Truy cập Cấu hình/Thông báo
Bước 3: Click vào điều chỉnh mẫu in vận đơn.
Bước 4: Chọn Sửa -> Chọn vào nội dung đoạn code và bấm tổ hợp phím Ctrl + A, sau đó bấm delete.
Copy đoạn code mới dưới đây và paste vào khu vực vừa xoá.
<meta charset="UTF-8">
<div style="margin:0;font-family: Helvetica;font-size:12px;page-break-after:always;">
div
{%- if tracking_company == 'Giaohangtietkiem.vn' -%}
<div style="float: right; text-align: right; padding-right:16px; width: 50%">
pNgày đặt hàng: {{ order_date | date: "%d/%m/%Y" }}/p
<img style="margin-right:-20px;height: 100px;" class="print_barcode order" val="{{tracking_number | slice: -9, 9}}">/img
/div
script
$(".print_barcode").each(function(){
var barcode = $(this).attr("val");
$(this).JsBarcode(barcode ,{
width: 1,
height: 40,
quite: 10,
format: "CODE128",
displayValue: true,
font:"monospace",
textAlign:"center",
fontSize: 12,
backgroundColor:"",
lineColor:"#000"
}
)
});
/script
{%- else -%}
<div style="float: right; text-align: right; padding-right:16px; width: 50%">
pNgày đặt hàng: {{ order_date | date: "%d/%m/%Y" }}/p
<img style="margin-right:-20px;" class="print_barcode order" val="{{tracking_number }}">/img
/div
script
$(".print_barcode").each(function(){
var barcode = $(this).attr("val");
$(this).JsBarcode(barcode ,{
width: 1,
height: 40,
quite: 10,
format: "CODE128",
displayValue: true,
font:"monospace",
textAlign:"center",
fontSize: 12,
backgroundColor:"",
lineColor:"#000"
}
)
});
/script
{%- endif -%}
<div style="margin: 10px 0 1.5em 0;">
p<strong style="font-size: 18px;">{{ shop_name }}/strong/p
{% if shop.address %}
pstrongĐịa chỉ: /strong{{ shop.address }}{% if shop.ward %}, {{ shop.ward }}{% endif %}{% if shop.district %}, {{ shop.district }}{% endif %}{% if shop.province %}, {{ shop.province }}{% endif %}{% if shop.country %}, {{ shop.country }}{% endif %}/p
{% endif %}
{% if shop.phone %}
pstrongĐiện thoại:/strong {{ shop.phone }}/p
{% endif %}
pstrongWebsite:/strong {{ shop.domain}}/p
pstrongEmail:/strong {{ shop.email }}/p
/div
<div style="clear:both">/div
/div
div
<div style="width:60%;float:left;">
<h3 style="font-size: 14px;line-height: 0">Chi tiết đơn hàng {{order_name}}/h3
<hr style="border: none; border-top: 2px solid #0975BD;"/>
<table style="margin: 0 0 1.5em 0;font-size: 12px;width:100%;">
thead
tr
<th style="width:25%;text-align: left;padding: 5px 0px">Mã sản phẩm/th
<th style="width:35%;text-align: left;padding: 5px 0px">Sản phẩm/th
<th style="width:15%;text-align: right;padding: 5px 0px">Số lượng/th
/tr
/thead
tbody
{% for line_item in line_items %}
<tr valign="top" style="border-top: 1px solid #d9d9d9;">
<td align="left" style="padding: 5px 0px">{{ line_item.sku }}/td
<td align="left" style="padding: 5px 5px 5px 0px;white-space: normal;">
{% if line_item.product.title %}
{% assign line_title = line_item.product.title %}
{% else %}
{% assign line_title = line_item.title %}
{% endif %}
<p style="margin-bottom: 5px;">{{ line_title }}/p
{% if line_item.variant.title != "Default Title" %}
<p style="margin: 0">{{ line_item.variant.title }}/p
{% endif %}
/td
<td align="center" style="padding: 5px 0px">{{ line_item.quantity }}/td
/tr
{% endfor %}
/tbody
/table
/div
<div style="width:40%;padding: 0px 0 0 20px;float:left;">
<h3 style="font-size: 14px;line-height: 0">Thông tin vận chuyển/h3
<hr style="border: none; border-top: 2px solid #0975BD;"/>
<div style="margin: 0 0 1em 0; padding: 1em; border: 1px solid #d9d9d9;">
pbMã vận đơn: /b{{tracking_number}}/p
pbMã phiếu giao hàng: /b{{shipmentId}}/p
pbNhà vận chuyển: /b{{tracking_company}}/p
pbTiền thu hộ: /b{{COD_amount | money}}/p
{% if sort_code %}
pbMã phân vùng: /b{{sort_code}}/p
{% endif%}
/div
<h3 style="font-size: 14px;line-height: 0">Thông tin người gửi/h3
<hr style="border: none; border-top: 2px solid #0975BD;"/>
<div style="margin: 0 0 1em 0; padding: 1em; border: 1px solid #d9d9d9;">
pbNgười gửi: /b{{shop.owner_name}}/p
{% if shop.address %}
pstrongĐịa chỉ: /strong{{ shop.address }}{% if shop.ward %}, {{ shop.ward }}{% endif %}{% if shop.district %}, {{ shop.district }}{% endif %}{% if shop.province %}, {{ shop.province }}{% endif %}{% if shop.country %}, {{ shop.country }}{% endif %}/p
{% endif %}
{% if shop.phone %}
pstrongĐiện thoại:/strong {{ shop.phone }}/p
{% endif%}
/div
{% if shipping_address %}
<h3 style="font-size: 14px;line-height: 0">Thông tin người nhận/h3
<hr style="border: none; border-top: 2px solid #0975BD;"/>
<div style="margin: 0 0 1em 0; padding: 1em; border: 1px solid #d9d9d9; white-space: normal;">
pstrongNgười nhận: /strong {{ shipping_address.name }}/p
{% if shipping_address.address1 %}
pstrongĐịa chỉ: /strong{{ shipping_address.address1 }}{% if shipping_address.ward %} , {{ shipping_address.ward }}{% endif %}{% if shipping_address.district %} , {{ shipping_address.district }}{% endif %}{% if shipping_address.province %} , {{ shipping_address.province }} ,{% endif %}{% if shipping_address.country %} {{ shipping_address.country }}{% endif %}/p
{% endif %}
{% if shipping_address.phone %}
pstrongĐiện thoại: /strong{{ shipping_address.phone }}/p
{% endif %}
/div
{% endif %}
/div
<div style="clear:both">/div
/div
pNếu bạn có thắc mắc, vui lòng liên hệ chúng tôi qua email u{{ shop.email }} {% if shop.phone %}/u hoặc {{ shop.phone }} {% endif %}/p
/div
Bước 5: Lưu lại và chuyển về màn hình chi tiết vận đơn in vận đơn của Giao hàng tiết kiệm để xem kết quả
Nếu cần hỗ trợ, Khách hàng vui lòng gọi hotline 1900.636.099 để biết thêm chi tiết.
NHỮNG BÀI VIẾT LIÊN QUAN