Tùy chỉnh mẫu Order Printer

Trang này được in vào Jul 18, 2023. Để lấy phiên bản hiện tại, vui lòng truy cập https://help.shopify.com/vi/manual/orders/order-printer/customizing-order-templates.

Bạn có thể tạo và tùy chỉnh lên đến 15 mẫu đối với ứng dụng Order Printer trong trang quản trị Shopify. Theo mặc định, ứng dụng Order Printer bao gồm hai mẫu:

  • Hóa đơn- hóa đơn cơ bản bạn có thể gửi cho khách hàng
  • Phiếu đóng gói- bản in chứa địa chỉ cửa hàng và địa chỉ giao hàng của khách hàng

Tăng trưởng: Hóa đơn và phiếu đóng gói chỉ là bước đầu. Thêmquảng cáo gài trong gói hàngkhác cho đơn hàng, như mẫu sản phẩm và phiếu giảm giá, là cách tuyệt vời để kết nối với khách hàng.

Trên trang này

Tạo mẫu Order Printer mới

Tạo mẫu Order Printer mới đòi hỏi bạn phải thành thạo 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 viChính sách thiết kế của Shopify.

Các bước thực hiện:

  1. Trong trang quản trị Shopify, nhấp vàoCài đặt>Ứng dụng và kênh bán hàng.

  2. Nhấp vàoOrder Printerđể mở ứng dụng.

  3. Nhấp vàoManage templates(Quản lý mẫu).

  4. Nhấp vàoAdd template(Thêm mẫu).

  5. Nhập tên cho mẫu mới vào trườngName(Tên).

  6. Thêm mã HTML, CSS hoặc Liquid vào trườngCode(Mã) để tạo mẫu.

  7. Khi hoàn tất, nhấp vàoSave(Lưu).

Chỉnh sửa mẫu Order Printer

Việc chỉnh sửa mẫu Order Printer đòi hỏi bạn phải thành thạo 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 viChính sách thiết kế của Shopify.

Các bước thực hiện:

  1. Trong trang quản trị Shopify, nhấp vàoCài đặt>Ứng dụng và kênh bán hàng.

  2. Nhấp vàoOrder Printerđể mở ứng dụng.

  3. Nhấp vàoManage templates(Quản lý mẫu).

  4. Nhấp vào tên mẫu bạn muốn chỉnh sửa.

  5. Thay đổi mẫu bằng cách thêm hoặc chỉnh sửa mã HTML, CSS hoặc Liquid vào trườngCode(Mã). Để xem ví dụ về nội dung tùy chỉnh mẫu, xemVí dụ về nội dung tùy chỉnh mẫu.

  6. Khi hoàn tất, nhấp vàoSave(Lưu).

Ví dụ về nội dung tùy chỉnh mẫu

Ví dụ sau đây cho thấy một số cách thông thường để tùy chỉnh mẫu Order Printer:

Ví dụ: Thêm logo vào mẫu Order Printer

Bạn có thể thêm logo vào hóa đơn, phiếu đóng gói và các mẫu tùy chỉnh của đơn hàng:

  1. Trên trang quản trị Shopify, vào mụcNội dung>Tệp.
  1. Trongứng dụng Shopify, vào mụcCửa hàng>Cài đặt.
  2. Trong phầnStore settings(Cài đặt cửa hàng), nhấn vào mụcFiles(Tập tin).
  1. Trongứng dụng Shopify, vào mụcCửa hàng>Cài đặt.
  2. Trong phầnStore settings(Cài đặt cửa hàng), nhấn vào mụcFiles(Tập tin).

  1. Nhấp vàoTải lên tệpvà chọn tệp hình ảnh trên máy tính của bạn.

  2. Trên trangTệp, tìm tệp đã tải lên và nhấp vàoSao chép URL.

  3. Trong trang quản trị Shopify, nhấp vàoCài đặt>Ứng dụng và kênh bán hàng.

  4. Nhấp vàoOrder Printerđể mở ứng dụng.

  5. Nhấp vàoManage templates(Quản lý mẫu).

  6. Nhấp vào tên mẫu bạn muốn chỉnh sửa.

  7. Nhập đoạn mã sau vào mẫu bạn muốn hiển thị logo:.

  8. Thay thếyour-image-URLbằng URL hình ảnh bạn đã sao chép. Tùy thuộc vào vị trí bạn muốn hiển thị logo, bạn có thể cần thêm thẻ
    để thêm ngắt dòng trước hoặc sau hình ảnh.

URL hình ảnh sẽ có dạng như thế này trong HTML:

Example HTML code

Ví dụ: Tạo chiều rộng bảng 100%

Để bảng có đường viền và kéo dài đến 100% chiều rộng, thêm lớptable-tabularvào bảng:

class="table-tabular">...

Ví dụ: Hiển thị hình thu nhỏ của sản phẩm

Để thêm hình thu nhỏ của sản phẩm, chèn mã này vào mẫu của bạn:

{{line_item.product.featured_image|product_img_url:'thumb'|img_tag}}

Thêm chi tiết đơn hàng

Bạn có thể thêm thông tin chi tiết đơn hàng vào mẫu, ví dụ như tên, số lượng và chi phí của mặt hàng đã mua. Để thêm thông tin chi tiết đơn hàng vào mẫu:

  1. Trong trang quản trị Shopify, nhấp vàoCài đặt>Ứng dụng và kênh bán hàng.

  2. Nhấp vàoOrder Printerđể mở ứng dụng.

  3. Nhấp vàoManage templates(Quản lý mẫu).

  4. Nhấp vào tên mẫu bạn muốn chỉnh sửa.

  5. Sử dụng biến Liquid để thêm chi tiết đơn hàng và HTML để thêm định dạng. Ví dụ:{{ line_item.price | money }}in giá của mặt hàng.

  6. Khi hoàn tất, nhấp vàoSave(Lưu).

Ví dụ: Nhung muốn chỉnh sửa mẫu phiếu đóng gói để thêm danh sách các mặt hàng đang được vận chuyển. Cô thêm mã sau vào phía dưới mẫuPacking slip阮富仲ứng dụng打印机:


 
  {% if show_line_item_taxes %}  {% endif %}  {% for line_item in line_items %}  {% if line_item.tax_lines %}  {% endif %}  {% endfor %} 
  
 Quantity ItemTaxesPrice 
  
 {{ line_item.quantity }} x {{ line_item.title }} {% for tax_line in line_item.tax_lines %} {{ tax_line.price | money }} {{ tax_line.title }}
 {% endfor %} 		{{ line_item.price | money }}

Do đó, các phiếu giao hàng của Nhung hiện bao gồm một bảng liệt kê các mặt hàng đã mua.

Bạn đã sẵn sàng bán hàng với Shopify?

Dùng thử miễn phí