Tính năng mẫu biến thể có thể được bật trong phần Advanced → WooCommerce
Xem trước #
Mẫu UX
WooCommerce mặc định (Loại: Chọn)
Bắt đầu #
Tạo thuộc tính mẫu (các loại mẫu) #
Trong khi thêm hoặc chỉnh sửa một thuộc tính trong phần thuộc tính của WooCommerce Sản phẩm → Thuộc tính, một “Loại UX” có thể được đặt cho mỗi thuộc tính riêng lẻ (Màu UX, Hình ảnh UX, Nhãn UX). Các tùy chọn khác cho thuộc tính cụ thể này như kích thước, hình dạng, … cũng có thể được đặt riêng lẻ tại đây.
‘Sử dụng hình ảnh biến thể?’ Bằng cách bật tùy chọn này, các mẫu sẽ cố gắng hiển thị một hình ảnh biến thể được liên kết với nó (như được gán trong các tùy chọn thuộc tính sản phẩm đơn lẻ của WooCommerce). Nếu không tìm thấy hoặc không đặt hình ảnh biến thể nào, mẫu sẽ trở về giá trị bình thường của nó.
Tạo hoặc chỉnh sửa các thuật ngữ thuộc tính mẫu (giá trị mẫu) #
Sau khi tạo hoặc chỉnh sửa các thuộc tính, mỗi thuộc tính sẽ hiển thị loại của nó tương ứng trong cột Loại. Đã đến lúc tiến hành Cấu hình các thuật ngữ
Trong màn hình thêm hoặc chỉnh sửa thuật ngữ, một giá trị cụ thể (hoặc các giá trị) có thể được chọn tương ứng với loại của nó (Trong trường hợp này trên hình ảnh xem trước là Màu UX).
Một cách trực tiếp, Màu UX cho phép đặt một màu (hoặc nhiều màu). Hình ảnh UX một hình ảnh và Nhãn UX văn bản nhãn.
Trong màn hình các thuật ngữ, giá trị bạn đã đặt cho một mẫu cụ thể sẽ được hiển thị trong phần xem trước.
Các mẫu trong thực tế #
Sản phẩm đơn lẻ #
Danh mục #
Hết hàng chỉ hoạt động trên một số sản phẩm? #
Theo mặc định, nếu một sản phẩm Biến thể có ít hơn 30 biến thể, các menu thả xuống để chọn các biến thể ở giao diện người dùng sẽ là động. Ví dụ, với một chiếc áo phông có thuộc tính “Kích thước” và “Màu sắc”, sau khi khách hàng chọn một Kích thước, menu thả xuống Màu sắc sẽ được cập nhật qua AJAX để chỉ hiển thị các tùy chọn có sẵn với Kích thước đã chọn …
Đọc thêm: Thay đổi Giới hạn về Số lượng Biến thể cho Menu thả xuống / Mẫu sản phẩm Biến thể Động
Yêu cầu #
- 3.14 hoặc cao hơn
Nguồn:https://docs.uxthemes.com//article/406-variation-swatches
