Variation Swatches Pro for WooCommerce

Variation Swatches Pro for WooCommerce được phát triển bởi GetWooPlugins (trên kho cắm WordPress thường ghi tên tác giả là Emran Ahmed) là plugin phổ biến nhất thế giới hiện nay dùng để thay đổi giao diện chọn biến thể sản phẩm.

Các tính năng chính

• Color Swatches: Hiển thị các ô màu sắc trực quan (ví dụ: Đỏ, Xanh, Vàng).
• Image Swatches: Thay thế dropdown bằng hình ảnh thu nhỏ thực tế của sản phẩm (ví dụ: ảnh cận cảnh chất liệu vải, ảnh dáng giày).
• Button/Label Swatches: Biến các tùy chọn chữ thành các nút bấm đẹp mắt, rất phù hợp cho việc chọn Size (S, M, L, XL) hoặc Dung lượng (64GB, 128GB).
• Tự động chuyển đổi: Sau khi kích hoạt, plugin sẽ tự động chuyển tất cả các dropdown mặc định của WooCommerce thành dạng nút bấm.
• Hiển thị Swatches tại trang Cửa hàng/Danh mục (Shop/Archive Page): Khách hàng có thể nhìn thấy và chọn nhanh các biến thể ngay từ trang danh sách sản phẩm mà không cần click vào xem chi tiết.
• Dual Color Swatches: Hỗ trợ hiển thị 2 màu trên cùng một ô tròn (rất hữu ích cho các sản phẩm phối màu như áo thun sọc hoặc giày 2 màu).
• Tooltip hình ảnh: Khi khách hàng rê chuột (hover) vào ô màu, một tooltip chứa ảnh phóng to sẽ hiện lên để họ nhìn rõ hơn.
• Xử lý biến thể hết hàng (Out of Stock): Tự động làm mờ (blur), gạch chéo hoặc ẩn hoàn toàn các ô biến thể đã hết hàng để tránh khách hàng click nhầm.
• Thay đổi nút Thêm vào giỏ hàng: Cho phép nút “Add to Cart” đổi trạng thái dựa trên biến thể đang chọn.