Lưới sản phẩm và bộ sưu tập hiển thị mỗi mục dưới dạng một thẻ. Bạn thiết kế thẻ một lần trong mục, và mọi thẻ trong mục đó sẽ theo thiết kế này.
Thẻ nằm ở đâu
- Khối Thẻ sản phẩm có trong Sản phẩm nổi bật, Sản phẩm liên quan, Tìm kiếm sản phẩm và Sản phẩm trong bộ sưu tập.
- Khối Thẻ bộ sưu tập có trong Bộ sưu tập và Bộ sưu tập con.
Trong trình thiết kế, chọn mục, rồi chọn khối thẻ. Mỗi mục có thẻ riêng, nên một thay đổi chỉ ảnh hưởng đến mục đó. Không thể xóa khối thẻ, nhưng có thể xóa các phần của nó: ẩn hoặc xóa một phần, hoặc thêm lại bằng Thêm khối mới.
Thẻ sản phẩm
Trên chính thẻ, Dùng bảng màu của phần tử cha được bật sẵn. Tắt nó để các thẻ có Phối màu riêng. Kéo các phần để thay đổi thứ tự trên thẻ. Các phần gồm:
- Hình ảnh: Tỷ lệ khung hình (Tự động, Dọc, Vuông hoặc Ngang) và Cách hiển thị ảnh (Phủ kín lấp đầy khung, Vừa khít hiển thị toàn bộ ảnh). Cách hiển thị ảnh bị ẩn khi chọn Tự động.
- Tiêu đề: Mẫu dựng sẵn (kiểu chữ), Chiều cao dòng, Khoảng cách chữ và Số dòng tối đa (1 đến 3, tên dài hơn sẽ bị cắt bằng "...").
- Giá: giá bán, kèm giá cũ bị gạch khi giảm giá. Tiết kiệm hiển thị huy hiệu dưới dạng Theo phần trăm, Giá (số tiền tiết kiệm được) hoặc Không có. Nó chỉ xuất hiện với sản phẩm có giá giảm.
- Điểm đánh giá: số sao và số lượng đánh giá. Sản phẩm chưa có đánh giá sẽ không hiện sao.
- Mua: nút mua và các biến thể.
Phần Mua
- Hành động: Thanh toán cho phép khách mua ngay từ thẻ. Liên kết mở trang sản phẩm.
- Nhãn: để trống để dùng mặc định: "Xem sản phẩm" với Liên kết, và với Thanh toán là "Thêm vào giỏ hàng" hoặc "Mua ngay", theo Phương thức thanh toán trong Cài đặt Thanh toán.
- Kiểu: màu nút Chính hoặc Phụ.
- Hiện biến thể, với Kích thước và Hình dạng (hình dạng chỉ áp dụng cho mẫu màu và mẫu ảnh): khách chọn một tùy chọn ngay trên thẻ. Chỉ nhóm biến thể đầu tiên hiển thị trên thẻ. Biến thể không bao giờ hiển thị với Liên kết.
Sản phẩm mà mọi tùy chọn đều hết hàng sẽ hiển thị nút "Hết hàng" bị vô hiệu hóa khi dùng Thanh toán.
Thẻ bộ sưu tập
Kiểu thẻ: Tiêu chuẩn đặt chữ bên dưới ảnh, Lớp phủ đặt chữ trên ảnh. Bạn cũng có Dùng bảng màu của phần tử cha. Các phần gồm:
- Hình ảnh: Tỷ lệ khung hình, Cách hiển thị ảnh và Độ mờ lớp phủ (chỉ với Lớp phủ, ảnh tối hơn giúp chữ dễ đọc hơn).
- Tiêu đề: Mẫu dựng sẵn, Chiều cao dòng, Khoảng cách chữ, Số dòng tối đa (1 hoặc 2) và Căn chỉnh.
- Số lượng sản phẩm: số sản phẩm trong bộ sưu tập. Phần này không có cài đặt: ẩn hoặc xóa nó để bỏ đi.
- Nút: Nhãn (để trống sẽ dùng nhãn mặc định theo ngôn ngữ cửa hàng), Kiểu và Chiều rộng (Vừa khung hoặc Lấp đầy). Nút luôn mở bộ sưu tập của thẻ.
Thẻ bộ sưu tập luôn hiển thị các phần theo cùng thứ tự: ảnh, tiêu đề, số lượng sản phẩm, rồi đến nút.
Lưu ý
- Góc bo, viền và đổ bóng của thẻ đến từ giao diện của bạn. Màu của thẻ đến từ bảng màu.
- Không có huy hiệu Tiết kiệm? Sản phẩm cần có giá giảm, xem Làm sao để đặt giá sản phẩm, giảm giá và giá theo từng thị trường?