Tạo và chỉnh sửa mẫu bằng Shopify Order Printer
Bạn có thể tạo và chỉnh sửa mẫu bằng ứng dụng Shopify Order Printer trên trang quản trị Shopify. Ứng dụng Shopify Order Printer sẽ mặc định bao gồm các mẫu sau:
- Hóa đơn: Hóa đơn bạn có thể gửi cho khách hàng
- Phiếu giao hàng: Bản in chứa địa chỉ cửa hàng và địa chỉ giao hàng của khách hàng.
Bạn có thể sử dụng Liquid để tạo mẫu tùy chỉnh của riêng mình cho tờ rơi đi kèm bao bì khác, ví dụ như phiếu giảm giá, nhãn hoặc biên lai. Ứng dụng Shopify Order Printer hỗ trợ các mẫu được tạo bằng biến HTML, CSS và Liquid.
Trên trang này
Những lưu ý khi tạo mẫu trong ứng dụng Order Printer của Shopify
Xem xét những lưu ý sau đây trước khi tạo mẫu trong ứng dụng Order Printer của Shopify:
- Để tạo hoặc chỉnh sửa mẫu trong ứng dụng Order Printer của Shopify, bạn cần thành thạo thao tác với HTML, CSS và Liquid. Bộ phận hỗ trợ chủ đề Shopify có thể giúp thực hiện điều chỉnh nhỏ trong phạm vi Chính sách thiết kế của Shopify.
- Bạn có thể tạo tối đa 15 mẫu khác nhau.
- Nghiên cứu tài liệu tham khảo về biến Liquid và bộ lọc dành cho Shopify Order Printer để biết tất cả các tùy chỉnh mẫu được hỗ trợ.
Tạo mẫu
Bạn có thể tạo mẫu mới cho tài liệu của đơn hàng.
Bước:
- Trên trang quản trị Shopify, nhấp vào Cài đặt > Ứng dụng và kênh bán hàng.
- Nhấp vào Order Printer.
Nhấp vào Mở ứng dụng.
Nhấp vào Mẫu.
Nhấp vào Tạo mẫu.
Trong trường Tên, nhập tên cho mẫu, ví dụ như nhãn hoặc phiếu giảm giá.
Trong mục Chỉnh sửa mã, thêm mã HTML, CSS hoặc Liquid để tạo mẫu.
Không bắt buộc: Để xem trước mẫu, nhấp vào Xem trước.
Nhấp vào Lưu.
Chỉnh sửa mẫu
Bạn có thể chỉnh sửa mẫu hiện có. Để tìm hiểu thêm về tùy chỉnh mẫu, tham khảo Ví dụ về tùy chỉnh mẫu.
Bước:
- Trên trang quản trị Shopify, nhấp vào Cài đặt > Ứng dụng và kênh bán hàng.
- Nhấp vào Order Printer.
Nhấp vào Mở ứng dụng.
Nhấp vào Mẫu.
Nhấp vào mẫu bạn muốn chỉnh sửa.
Trong mục Chỉnh sửa mã, thêm hoặc chỉnh sửa mã HTML, CSS hoặc Liquid.
Không bắt buộc: Để xem trước mẫu, nhấp vào Xem trước.
Nhấp vào Lưu.
Khôi phục mẫu mặc định
Bạn có thể khôi phục mẫu phiếu giao hàng và mẫu hóa đơn tích hợp về giá trị mặc định. Sử dụng các khối mã sau để khôi phục mẫu về mặc định.
Mẫu hóa đơn mặc định
Phiên bản từ ngày 06 tháng 06 năm 2024.
liquid
<div>
<div class="columns">
<h1>Invoice</h1>
<div>
<p style="text-align: right; margin: 0;">
Order {{ order.order_name }}<br />
{% if order.po_number %}PO # {{ order.po_number }}<br />{% endif %}
{{ order.created_at | date: "%B %e, %Y" }}
</p>
</div>
</div>
<div class="columns" style="margin-top: 1.5em;">
<div class="address">
<strong>From</strong><br/>
{{ shop.name }}<br/>
{{ shop.address | format_address }}
{% if shop.phone %}{{ shop.phone }}{% endif %}
</div>
{% if order.billing_address %}
<div class="address">
<strong>Bill to</strong>
{{ order.billing_address | format_address }}
</div>
{% endif %}
{% if order.shipping_address %}
<div class="address">
<strong>Ship to</strong>
{{ order.shipping_address | format_address }}
{% if order.shipping_address.phone %}{{ order.shipping_address.phone }}{% endif %}
</div>
{% endif %}
</div>
<hr />
<h2>Order Details</h2>
<table class="table-tabular" style="margin: 1em 0 0 0;">
<thead>
<tr>
<th>Qty</th>
<th>Item</th>
<th style="text-align: right;">Price</th>
</tr>
</thead>
<tbody>
{% for line_item in order.line_items %}
<tr>
<td>{{ line_item.quantity }}</td>
<td>{{ line_item.title }}
{% if line_item.line_level_discount_allocations.size > 0 %}
<span class="subduedText">
{% for discount_allocation in line_item.line_level_discount_allocations %}
<br>{{ discount_allocation.discount_application.title }} (-{{ discount_allocation.amount | money }})
{% endfor %}
</span>
{% endif %}
</td>
<td style="text-align: right;">
{% if line_item.original_price != line_item.final_price %}
<span class="subduedText"><s>{{ line_item.original_price | money }}</s></span>
{% endif %}
{{ line_item.final_price | money }}
</td>
</tr>
{% endfor %}
<tr>
<td colspan="2" style="text-align: right;">Subtotal</td>
<td style="text-align: right;">{{ order.line_items_subtotal_price | money }}</td>
</tr>
{% for discount_application in order.cart_level_discount_applications %}
<tr>
<td colspan="2" style="text-align: right;">{% if discount_application.title %}<span class="subduedText">{{ discount_application.title }}</span>{% endif %}</td>
<td style="text-align: right;">-{{ discount_application.total_allocated_amount | money }}</td>
</tr>
{% endfor %}
<tr>
<td colspan="2" style="text-align: right;">Tax</td>
<td style="text-align: right;">{{ order.tax_price | money }}</td>
</tr>
{% if order.shipping_address %}
<tr>
<td colspan="2" style="text-align: right;">Shipping</td>
<td style="text-align: right;">{{ order.shipping_price | money }}</td>
</tr>
{% endif %}
<tr>
<td colspan="2" style="text-align: right;"><strong>Total</strong></td>
<td style="text-align: right;"><strong>{{ order.total_price | money }}</strong></td>
</tr>
{% if order.net_payment != order.total_net_amount %}
<tr>
<td colspan="2" style="text-align: right;">Total Paid</td>
<td style="text-align: right;">{{ order.net_payment | money }}</td>
</tr>
{% endif %}
{% if order.total_refunded_amount > 0 %}
<tr>
<td colspan="2" style="text-align: right;">Total Refunded</td>
<td style="text-align: right;">-{{ order.total_refunded_amount | money }}</td>
</tr>
{% endif %}
{% if order.net_payment != order.total_net_amount %}
<tr>
<td colspan="2" style="text-align: right;"><strong>Outstanding Amount</strong></td>
<td style="text-align: right;"><strong>{{ order.total_price | minus: order.net_payment | money }}</strong></td>
</tr>
{% endif %}
</tbody>
</table>
{% if transactions.size > 1 %}
<h2>Transaction Details</h2>
<table class="table-tabular" style="margin: 0 0 1.5em 0;">
<thead>
<tr>
<th>Type</th>
<th>Amount</th>
<th>Kind</th>
<th>Status</th>
</tr>
</thead>
<tbody>
{% for transaction in transactions %}
<tr>
<td>{{ transaction.gateway | payment_method }}</td>
<td>{{ transaction.amount | money }}</td>
<td>{{ transaction.kind }}</td>
<td>{{ transaction.status }}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endif %}
{% if order.note %}
<h2>Note</h2>
<p>{{ order.note }}</p>
{% endif %}
<p style="margin-bottom: 0;">If you have any questions, please send an email to <u>{{ shop.email }}</u></p>
</div>
Mẫu phiếu giao hàng mặc định
Phiên bản từ ngày 06 tháng 06 năm 2024.
liquid
<div>
<div class="columns">
<h1>Packing Slip</h1>
<div class="address">
<p style="text-align: right; margin: 0;">
Order {{ order.order_name }}<br />
{% if order.po_number %}PO # {{ order.po_number }}<br />{% endif %}
{{ order.created_at | date: "%B %e, %Y" }}
</p>
</div>
</div>
<div class="columns" style="margin-top: 1.5em;">
<div class="address">
<strong>From</strong><br/>
{{ shop.name }}<br/>
{{ shop.address | format_address }}
</div>
{% if order.shipping_address %}
<div class="address">
<strong>Ship to</strong>
{{ order.shipping_address | format_address }}
</div>
{% endif %}
</div>
<hr />
<h2>Order Details</h2>
<table class="table-tabular" style="margin: 1em 0 0 0;">
<thead>
<tr>
<th style="width: 15%; text-align: left;">Qty</th>
<th style="width: 85%; text-align: left;">Item</th>
</tr>
</thead>
<tbody>
{% for line_item in order.line_items %}
<tr>
<td style="text-align: left;">{{ line_item.quantity }}</td>
<td style="text-align: left;">{{ line_item.title }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>