Chuyển đến nội dung
Trợ giúp
Phần và khối trong trình thiết kế

Làm sao để hiển thị sản phẩm liên quan trên trang sản phẩm?

Thêm mục Sản phẩm liên quan vào trang sản phẩm và landing page: chọn nguồn (mới nhất, bán chạy nhất, đang giảm giá, đánh giá cao nhất, cùng bộ sưu tập hoặc sản phẩm bạn chọn cho từng sản phẩm), đặt số lượng, lưới hoặc băng chuyền, số cột và thẻ sản phẩm.

3 phút đọc

Mục Sản phẩm liên quan hiển thị các sản phẩm khác trong cửa hàng bên dưới sản phẩm, dưới dạng lưới hoặc băng chuyền. Nó giúp khách tìm thêm món để mua mà không phải rời trang.

Thêm mục

Trong trình thiết kế, mở Trang sản phẩm hoặc Landing page, bấm Thêm mục mới và chọn Sản phẩm liên quan trong nhóm sản phẩm. Bạn có thể thêm một mục mỗi trang.

Chọn những sản phẩm được hiển thị

Đặt Chế độ nguồn trong nhóm Nguồn:

  • Mới nhất hoặc Cũ nhất: theo ngày bạn tạo sản phẩm.
  • Bán chạy nhất: sản phẩm bán được nhiều nhất đứng đầu.
  • Đang giảm giá: chỉ những sản phẩm đang được giảm giá ngay lúc này.
  • Đánh giá cao nhất: điểm trung bình cao nhất đứng đầu. Sản phẩm chưa có đánh giá sẽ bị loại ra.
  • Cùng bộ sưu tập: chỉ những sản phẩm có chung ít nhất một bộ sưu tập đã xuất bản với sản phẩm đang xem, mới nhất đứng đầu. Phù hợp khi bộ sưu tập của bạn gom các sản phẩm tương tự.
  • Chọn theo từng sản phẩm: bạn chọn chính xác các sản phẩm cho từng sản phẩm, theo thứ tự của riêng bạn. Mở từng sản phẩm trong trình chỉnh sửa sản phẩm và dùng phần Sản phẩm liên quan của nó. Sản phẩm chưa được chọn gì sẽ hiển thị thông báo trống.

Sản phẩm đang xem không bao giờ xuất hiện trong danh sách của chính nó. Sản phẩm bị ẩn cũng bị loại ra.

Cài đặt bố cục

  • Chiều rộng mục: Trang hoặc Toàn bộ.
  • Bố cục: Lưới hoặc Băng chuyền.
  • Cột: 1 đến 8 thẻ mỗi hàng trên máy tính (hoặc số thẻ hiển thị trong băng chuyền).
  • Số cột trên di động: 1 hoặc 2. Băng chuyền trên di động biến lưới thành một hàng vuốt trên điện thoại.
  • Số lượng sản phẩm: 4, 6, 8, 10 hoặc 12.
  • Điều hướng: với băng chuyền, Biểu tượng điều hướng (Mũi tên, Dấu mũi nhọn, Không có) và Nền biểu tượng (Không có, Hình tròn, Vuông).
  • Phối màu, Khoảng cách giữa các thẻ, khoảng đệm và CSS tùy chỉnh.

Số cột trên di động và Băng chuyền trên di động chỉ có với bố cục Lưới. Các cài đặt Điều hướng xuất hiện khi bố cục là Băng chuyền, hoặc khi Băng chuyền trên di động được bật.

Các khối

  • Thẻ sản phẩm: quyết định giao diện của từng sản phẩm (ảnh, tên, giá, đánh giá, nút mua). Khối này bắt buộc và không thể đặt trong nhóm. Các tùy chọn của nó có trong Thẻ sản phẩm và thẻ bộ sưu tập.
  • Văn bản (tối đa 2), Đường phân cách (1) và Nhóm (1): thêm tiêu đề như "Có thể bạn cũng thích" phía trên hoặc phía dưới các thẻ.

Các việc thường làm

  • Hiển thị sản phẩm tương tự: đặt các sản phẩm tương tự vào cùng một bộ sưu tập, rồi dùng Cùng bộ sưu tập.
  • Bán kèm phụ kiện phù hợp: dùng Chọn theo từng sản phẩm và chọn phụ kiện cho từng sản phẩm.
  • Đẩy mạnh khuyến mãi: dùng Đang giảm giá.

Khắc phục sự cố

  • Mục hiển thị thông báo "không có sản phẩm": không có sản phẩm nào khớp với nguồn. Với Cùng bộ sưu tập, hãy kiểm tra sản phẩm có nằm trong một bộ sưu tập đã xuất bản cùng các sản phẩm khác không. Với Chọn theo từng sản phẩm, hãy thêm lựa chọn cho sản phẩm đó.
  • Đánh giá cao nhất hiển thị ít sản phẩm: chỉ những sản phẩm có ít nhất một đánh giá đã xuất bản mới được tính.
  • Một sản phẩm không bao giờ xuất hiện trong danh sách: kiểm tra nó đã được xuất bản và không bị ẩn.

Vẫn cần trợ giúp?

Hãy nhắn cho chúng tôi, chúng tôi sẽ trả lời bạn.

Liên hệ