Choosly (WooCommerce Product Variations Swatches) là một plugin cao cấp được phát triển bởi VillaTheme giúp biến đổi các menu thả xuống (dropdown) mặc định của WooCommerce thành các ô chọn trực quan. Công cụ này cải thiện đáng kể trải nghiệm người dùng bằng cách hiển thị các tùy chọn biến thể dưới dạng màu sắc, hình ảnh, hoặc nhãn chữ, giúp khách hàng đưa ra quyết định mua sắm nhanh chóng hơn.
Các tính năng cốt lõi của Choosly
- Đa dạng kiểu hiển thị biến thể:
- Color Swatches: Hiển thị các ô màu sắc trực quan (ví dụ: Đỏ, Đen, Xanh).
- Image Swatches: Hiển thị hình ảnh thu nhỏ của chính biến thể đó (ví dụ: ảnh thật của chiếc áo màu đó).
- Label/Button Swatches: Hiển thị dạng nút nhấn/nhãn chữ rõ ràng (ví dụ: Kích thước S, M, L, XL).
- Hiển thị ngay trên trang danh mục: Cho phép khách hàng xem và chọn nhanh các biến thể ngay tại trang Cửa hàng (Shop Page) hoặc trang Danh mục (Category Page) mà không cần phải click vào trang chi tiết sản phẩm.
- Tự động chuyển đổi thông minh: Tính năng tự động nhận diện các thuộc tính sản phẩm hiện có và chuyển chúng sang dạng ô chọn theo cấu hình định sẵn.
- Xử lý biến thể hết hàng trực quan: Tự động làm mờ (blur), gạch chéo hoặc ẩn các ô biến thể đã hết hàng trong kho để tránh khách hàng chọn nhầm.
- Tùy biến kiểu dáng không giới hạn: Dễ dàng thay đổi kích thước ô chọn (chiều rộng, chiều cao), bo tròn góc (hình tròn hoặc hình vuông), màu đường viền (border) và hiệu ứng khi di chuột qua (hover).
- Hiển thị Tooltip sinh động: Hiển thị một bong bóng văn bản nhỏ (Tooltip) chứa tên thuộc tính hoặc hình ảnh phóng to khi khách hàng rê chuột vào ô chọn.
