Bỏ qua đến nội dung chính

Hướng dẫn nhanh về giao diện người dùng (UI) của Shopify Products (Ứng dụng web)

C
Được viết bởi Craig Wright

Bài viết này cung cấp cái nhìn tổng quan về các màn hình mà bạn sẽ sử dụng để quản lý hình ảnh và danh sách sản phẩm trên Shopify.


Sản phẩm (Ứng dụng web)

Sau khi kết nối Photoroom với cửa hàng của bạn, bạn sẽ thấy màn hình Sản phẩm. Màn hình này còn được gọi là Danh mục Sản phẩm Shopify hoặc Danh mục Sản phẩm. Bạn cũng có thể truy cập màn hình này bằng cách chọn "Sản phẩm Shopify " trong thanh bên.

Màn hình "Sản phẩm " là trung tâm nơi bạn có thể xem tất cả các sản phẩm hiện có trong Photoroom. Các sản phẩm này có thể thuộc một trong hai loại sau:

  • Có trong Photoroom và Shopify

  • Trong Photoroom, đang chờ được thêm vào Shopify.

Products screen showing the range of products in Photoroom that can be synced with your store.

Theo mặc định, các sản phẩm của bạn được hiển thị dưới dạng lưới, nhưng bạn có thể chuyển sang chế độ xem danh sách nếu muốn. Đối với mỗi sản phẩm, Photoroom hiển thị hình ảnh nổi bật.
​

Từ màn hình Sản phẩm trên Shopify, bạn có thể:


Trình chỉnh sửa sản phẩm

Nhấp đúp vào hình ảnh sản phẩm trong Danh mục sản phẩm để mở sản phẩm đó trong Trình chỉnh sửa sản phẩm. Tại đây, bạn có thể chỉnh sửa một hoặc nhiều hình ảnh cho một sản phẩm cụ thể. Theo mặc định, thanh bên Shopify sẽ được hiển thị.


Menu bên trong Trình chỉnh sửa sản phẩm

Trong Trình chỉnh sửa sản phẩm, bạn có thể sử dụng một loạt các tính năng chỉnh sửa thông dụng từ menu bên. Khi sử dụng các tùy chọn này, các thay đổi bạn thực hiện sẽ được áp dụng cho tất cả các hình ảnh của sản phẩm theo mặc định. Bạn cũng có thể chọn một hoặc nhiều hình ảnh, và khi đó các thay đổi sẽ chỉ áp dụng cho những hình ảnh đó.

Menu bên bao gồm:

  • Mẫu
    Áp dụng mẫu cho hình ảnh sản phẩm của bạn.
    ​

  • Thay đổi kích thước
    Thay đổi kích thước và tỷ lệ khung hình của hình ảnh.
    ​

  • Vị trí
    Thay đổi khoảng cách lề và vị trí.
    ​

  • Nền
    Xóa hoặc thay thế nền bằng màu, hình ảnh hoặc nền do AI tạo ra.
    ​

  • Bóng AI
    Áp dụng các hiệu ứng bóng do AI tạo ra.
    ​

  • Công cụ AI
    Sử dụng các công cụ như AI Fashion Models, Recolor và Ghost Mannequin để tạo ra hình ảnh mới. Khi bạn chọn một công cụ AI, các cài đặt của công cụ đó sẽ được tải vào thanh bên.

  • Thêm hình ảnh
    Tải lên hình ảnh mới, sử dụng các thiết kế có sẵn hoặc tạo hình ảnh bằng AI.
    ​

  • Shopify
    Hiển thị hoặc ẩn thanh bên Shopify (sẽ được mô tả chi tiết hơn trong bài viết này).
    ​


Thanh bên Shopify

Thanh bên Shopify giúp bạn chuẩn bị và đăng danh sách sản phẩm lên Shopify. Bằng cách thực hiện theo các phần trong thanh bên, bạn có thể nhanh chóng tạo một danh sách sản phẩm hoàn chỉnh bao gồm hình ảnh, thông tin sản phẩm và siêu dữ liệu SEO.

Thanh bên Shopify bao gồm:

  • Điểm danh sách
    Hiển thị mức độ hoàn chỉnh của danh sách sản phẩm của bạn. Việc hoàn thành các đề xuất sẽ giúp cải thiện điểm số của bạn.
    ​

  • Danh sách ảnh do AI đề xuất
    Dùng để tạo các hình ảnh sản phẩm được đề xuất (ví dụ: mặt trước, mặt sau, mặt bên, hình ảnh người mẫu).
    ​

  • Tiêu đề & Mô tả
    Tạo, chỉnh sửa hoặc tạo tiêu đề và mô tả sản phẩm của bạn.
    ​

  • SEO & Siêu dữ liệu
    Tạo, chỉnh sửa hoặc tạo tên tệp và văn bản thay thế (alt text) thân thiện với SEO cho hình ảnh sản phẩm.
    ​

  • Các biến thể
    Thêm hình ảnh cho các biến thể sản phẩm (ví dụ: biến thể màu sắc hoặc kích thước).


Menu dạng viên trong Trình chỉnh sửa sản phẩm

Mỗi hình ảnh sản phẩm đều có menu dạng viên mà bạn có thể sử dụng để chỉnh sửa từng hình ảnh riêng lẻ. Có menu dạng viên dành cho:

  • Khối hình ảnh tổng thể

  • Mỗi lớp nền trước trên hình ảnh.

Các menu dạng viên là nơi bạn sẽ tìm thấy các tùy chọn chỉnh sửa không có sẵn trên thanh bên. Chúng bao gồm các tùy chọn để thêm lớp văn bản và đồ họa, điều chỉnh độ sáng và vùng sáng, truy cập Retouch, cắt xén lớp, thay đổi thứ tự các lớp và nhiều hơn nữa.

Lưu ý quan trọng: Các tùy chọn trong menu dạng viên thuốc chỉ áp dụng cho lớp hoặc hình ảnh đã chọn. Ví dụ, đối với lớp văn bản, bạn sẽ có các tùy chọn chỉnh sửa văn bản, khác với các tùy chọn trong menu dạng viên thuốc dành cho lớp đồ họa.


Menu ngữ cảnh khi nhấp chuột phải

Nếu bạn nhấp chuột phải vào hình ảnh sản phẩm, một menu ngữ cảnh sẽ xuất hiện.

The product editor showing its side menu, shopify sidebar, and a grid of images for a single product

Các tùy chọn trong menu ngữ cảnh khi nhấp chuột phải bao gồm:

  • Chỉnh sửa
    ​​Mở hình ảnh trong trình chỉnh sửa chính, nơi bạn có thể sử dụng các tính năng chỉnh sửa không có sẵn trong trình chỉnh sửa Sản phẩm của Shopify.
    ​

  • Sao chép
    Sao chép hình ảnh vào khay nhớ tạm của thiết bị.
    ​

  • Dán
    Dán nội dung từ khay nhớ tạm của thiết bị vào trình soạn thảo.
    ​

  • Chỉnh sửa Sao chép/Dán
    Sử dụng để sao chép các chỉnh sửa đã thực hiện trên một hình ảnh và sau đó dán chúng vào một hình ảnh khác.

  • Sao chép
    Tạo một bản sao của hình ảnh.
    ​

  • Xóa
    Xóa hình ảnh khỏi sản phẩm. Lưu ý rằng hình ảnh sẽ không bị xóa khỏi Shopify cho đến khi bạn xuất bản bản cập nhật.
    ​

  • Tạo phần mới
    Thêm một phần mới vào trình chỉnh sửa Sản phẩm trên Shopify của bạn.
    ​

  • Chọn tất cả
    Dùng để chọn tất cả hình ảnh.
    ​

  • Lưu làm mẫu
    Dùng để lưu hình ảnh hiện tại của bạn dưới dạng mẫu.
    ​

  • Tải xuống
    Xuất hình ảnh sản phẩm dưới dạng tệp hình ảnh.


Áp dụng cho tất cả

Khi bạn chỉnh sửa một hình ảnh riêng lẻ, tùy chọn " Áp dụng cho tất cả " sẽ xuất hiện trên menu thả xuống của hình ảnh đó. Đây là một tùy chọn quan trọng vì nó cho phép bạn áp dụng cùng một chỉnh sửa cho tất cả các hình ảnh khác của sản phẩm.

Apply to all option on the pill menu for an image tile in the product editor

Nếu bạn chỉ muốn sao chép các chỉnh sửa gần đây vào một số hình ảnh sản phẩm thay vì tất cả, hãy sử dụng tùy chọn " Sao chép/Dán chỉnh sửa " trên menu ngữ cảnh khi nhấp chuột phải.

Lưu ý quan trọng: Tùy chọn "Áp dụng cho tất cả " chỉ xuất hiện trên menu dạng viên của ô hình ảnh. Tùy chọn này không có trên menu dạng viên của các lớp nền trước. Nếu bạn không thấy tùy chọn này trên menu dạng viên, có thể bạn đang chọn lớp nền trước thay vì ô hình ảnh.


Chế độ xem dạng lưới và chế độ xem toàn màn hình

Khi bạn mở một sản phẩm trong Trình chỉnh sửa sản phẩm, các hình ảnh của sản phẩm đó sẽ được hiển thị theo dạng lưới theo mặc định. Đây là Chế độ xem dạng lưới và cho phép bạn chỉnh sửa các hình ảnh trong khi xem tất cả chúng.

Product images shown in Full Screen View

Để làm việc tập trung hơn, bạn có thể chuyển sang Chế độ toàn màn hình bằng cách nhấp đúp vào một hình ảnh hoặc sử dụng công cụ chuyển chế độ xem trên thanh công cụ.

Trong Chế độ xem toàn màn hình, bạn sẽ có được một chế độ xem lớn hơn của một hình ảnh, giúp việc chỉnh sửa các chi tiết trở nên dễ dàng hơn.

Ở phía dưới có hình thu nhỏ của các hình ảnh khác cho sản phẩm. Chọn một trong các hình thu nhỏ để hiển thị hình ảnh đó ở Chế độ toàn màn hình.


Các bước tiếp theo

​Giờ đây, khi bạn đã hiểu rõ các màn hình Sản phẩm trên Shopify, bạn có thể bắt đầu tạo và chỉnh sửa danh sách sản phẩm.


Bài viết liên quan

Các quy trình làm việc chính:

Chỉnh sửa:

Công cụ AI:

Nội dung này có giải đáp được câu hỏi của bạn không?