Trợ giúp
Đăng nhập

Tùy chỉnh phiếu đóng gói

Có thể tùy chỉnh mẫu phiếu đóng gói. Việc thay đổi mẫu cho phép thêm hình ảnh thương hiệu riêng và thay đổi phong cách và trải nghiệm của phiếu đóng gói.

Trên trang này

Thay đổi địa chỉ cửa hàng

Để chỉnh sửa hoặc thay đổi địa chỉ cửa hàng, có thể đi tới Cài đặt > Chung và chỉnh sửa thông tin cửa hàng.

Nếu chỉ muốn thay đổi địa chỉ trên phiếu đóng gói, hãy làm theo các bước dưới đây.

Các bước:

  1. Trong bảng điều khiển quản trị Shopify, đi tới Cài đặt > Vận chuyển và giao hàng.

  2. Trong phần Tài liệu, nhấp vào Mẫu phiếu đóng gói.

  3. Tìm biến Liquid {{ shop_address.summary }} tham chiếu đến địa chỉ cửa hàng. Nếu không tìm thấy biến này, hãy thử biến sau:

{{ shop_address.address1 }}, {{ shop_address.city }}, {{ shop_address.province_code }}, {{ shop_address.zip }}, {{ shop_address.country }}
  1. Tô sáng mã này và xóa đi.
  2. Nhập địa chỉ muốn hiển thị trên phiếu đóng gói vào khoảng trống này. Ví dụ: có thể nhập địa chỉ như sau: 123 Example Street, New York, NY, 10000, United States
  3. Nhấp vào Xem trước mẫu để xem các thay đổi.
  4. Nhấp vào Lưu.

Xóa hình ảnh sản phẩm

Có thể xóa hình ảnh sản phẩm hiển thị bên cạnh tên sản phẩm trên phiếu đóng gói.

Các bước:

  1. Trong bảng điều khiển quản trị Shopify, đi tới Cài đặt > Vận chuyển và giao hàng.

  2. Trong phần Tài liệu, nhấp vào Mẫu phiếu đóng gói.

  3. Tìm các biến Liquid sau tham chiếu đến hình ảnh sản phẩm:

{% if line_item.image != blank %}
       <div class="flex-line-item-img">
         <div class="aspect-ratio aspect-ratio-square" style="width: {{ desired_image_size }}px; height: {{ desired_image_size }}px;">
           {{ line_item.image | img_url: effective_image_dimensions | img_tag: '', 'aspect-ratio__content' }}
         </div>
       </div>
       {% endif %}
  1. Tô sáng mã này và xóa đi.
  2. Nhấp vào Xem trước mẫu để xem trước các thay đổi.
  3. Nhấp vào Lưu.

Trước khi thêm logo cửa hàng vào phiếu đóng gói, cần tải logo lên bảng điều khiển quản trị Shopify. Sau khi tải lên, hãy lưu ý tên tệp đã tải lên để sử dụng sau trong mẫu phiếu đóng gói.

Sau khi tải logo lên cửa hàng, có thể thêm logo và xóa tên cửa hàng, thêm logo phía trên tên cửa hàng hoặc thêm logo bên cạnh tên cửa hàng.

Các bước:

  1. Từ bảng điều khiển quản trị Shopify, đi tới Nội dung > Tệp.

  2. Nhấp vào Tải tệp lên.

  3. Chọn và tải logo cửa hàng lên từ thiết bị.

  4. Lưu ý tên tệp khi quá trình tải lên hoàn tất, bao gồm cả phần mở rộng tệp (ví dụ: .png hoặc .jpg).

Thêm logo và xóa tên cửa hàng

Có thể xóa tên cửa hàng và thay bằng logo cửa hàng ở đầu phiếu đóng gói.

Các bước:

  1. Trong bảng điều khiển quản trị Shopify, đi tới Cài đặt > Vận chuyển và giao hàng.

  2. Trong phần Tài liệu, nhấp vào Mẫu phiếu đóng gói.

  3. Tìm mã sau tham chiếu đến tên cửa hàng:

<p class="to-uppercase">
  {{ shop.name }}
</p>
  1. Tô sáng mã này và xóa đi.
  2. Trong khoảng trống đã tạo, viết mã sau bằng tên tệp đã tải lên trước đó:
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}

Bộ lọc file_img_url tạo URL cho tệp đã tải lên với kích thước được chỉ định, còn bộ lọc img_tag tạo thẻ hình ảnh HTML bằng văn bản thay thế đã cung cấp.

Ví dụ: nếu tệp tải lên là shop_logo.png thì mã Liquid tương ứng sẽ là:

{{ 'shop_logo.png' | file_img_url: 'small' | img_tag: 'Logo' }}
  1. Chọn Xem trước mẫu để xem trước thay đổi.
  2. Nhấp vào Lưu.

Thêm logo phía trên tên cửa hàng

Nếu muốn thêm logo phía trên tên cửa hàng ở đầu phiếu đóng gói, hãy làm theo các bước bên dưới.

Các bước:

  1. Trong bảng điều khiển quản trị Shopify, đi tới Cài đặt > Vận chuyển và giao hàng.

  2. Trong phần Tài liệu, nhấp vào Mẫu phiếu đóng gói.

  3. Tìm biến Liquid sau tham chiếu đến tên cửa hàng và xuống dòng giữa hai dòng:

<div class="shop-title">
      |
      <p class="to-uppercase">
  1. Trong khoảng trống đã tạo, viết mã sau bằng tên tệp đã tải lên trước đó (ví dụ: shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<br>
  1. Chọn Xem trước mẫu để xem trước thay đổi.
  2. Nhấp vào Lưu.

Thêm logo bên cạnh tên cửa hàng

Nếu muốn thêm logo bên cạnh tên cửa hàng ở đầu phiếu đóng gói, hãy làm theo các bước bên dưới.

Các bước:

  1. Trong bảng điều khiển quản trị Shopify, đi tới Cài đặt > Vận chuyển và giao hàng.

  2. Trong phần Tài liệu, nhấp vào Mẫu phiếu đóng gói.

  3. Tìm biến Liquid sau tham chiếu đến tên cửa hàng:

<p class="to-uppercase">
{{ shop.name }}
</p>
  1. Tô sáng mã này và xóa đi.
  2. Trong khoảng trống đã tạo, viết mã sau bằng tên tệp đã tải lên trước đó (ví dụ: shop_logo.png):
{{ 'FILE NAME' | file_img_url: 'small' | img_tag: 'Logo' }}
<span class="to-uppercase">
  {{ shop.name }}
</span>
  1. Tìm các biến Liquid sau:
.shop-title {
  -webkit-box-flex: 6;
  -webkit-flex: 6;
  flex: 6;
  font-size: 1.9em;
}
  1. Thêm dòng mới vào cuối các biến được liệt kê ở trên rồi dán mã sau:
.shop-title img {
 vertical-align: middle;
}

.shop-title span {
 vertical-align: middle;
}
  1. Chọn Xem trước mẫu để xem trước thay đổi.
  2. Nhấp vào Lưu.

Tạo kiểu cho phiếu đóng gói bằng CSS

Có thể tùy chỉnh phiếu đóng gói bằng các tệp CSS đã tải lên Shopify. Các tệp CSS được lưu trữ bên ngoài Shopify sẽ không hiển thị chính xác.

Các bước:

  1. Từ bảng điều khiển quản trị Shopify, đi tới Nội dung > Tệp.

  2. Nhấp vào Tải tệp lên.

  3. Chọn và tải tệp CSS lên.

  4. Sao chép URL tệp khi quá trình tải lên hoàn tất.

  5. Thêm mã sau:

<link
  rel="stylesheet"
  type="text/css"
  href="https://cdn.shopify.com/path_to_file/styles.css"
>