Chuyển đến nội dung
OpenSwatch - Woocommerce Variations Image Swatch

Thay thế các menu thả xuống biến thể WooCommerce bằng các mẫu hình ảnh và màu sắc trực quan

OpenSwatch - Woocommerce Variations Image Swatch

0.0(0 Đánh giá)
v6.1.1

OpenSwatch thay thế các menu thả xuống biến thể tiêu chuẩn của WooCommerce bằng các mẫu hình ảnh trực quan và mẫu màu. Khách hàng chọn tùy chọn sản phẩm bằng cách nhấp vào các hình ảnh thay vì đọc danh sách văn bản, nâng cao trải nghiệm mua sắm cho các sản phẩm trực quan.

4,49 US$18,00 US$GIẢM 75%

Bao gồm khi mua:

  • 100% giấy phép GPL
  • Cập nhật trọn đời
  • Hỗ trợ kỹ thuật
  • Tải xuống ngay

Tai mien phi

Nhan san pham nay va mo khoa 4.000+ plugin & theme cao cap chi voi 15,00 US$/thang.

OpenSwatch - Woocommerce Variations Image Swatch là gì?

OpenSwatch là một plugin WooCommerce thay thế các menu thả xuống biến thể bằng các mẫu màu sắc và hình ảnh trực quan để lựa chọn tùy chọn sản phẩm dễ dàng hơn trên các cửa hàng WordPress. Có sẵn tại PluginTheme.net với tải xuống tức thì và giấy phép GPL.

Tính năng chính

Mẫu màu

Mẫu màu trực quan thay thế cho các menu thả xuống văn bản, hiển thị chính xác các sắc thái màu để chọn nhanh chóng và chính xác các biến thể màu sản phẩm.

Mẫu hình ảnh

Mẫu dựa trên ảnh hoặc hoa văn hiển thị kết cấu, in ấn hoặc hình ảnh sản phẩm thực tế cho mỗi tùy chọn biến thể.

Tích hợp thư viện

Hình ảnh thư viện sản phẩm cập nhật khi các mẫu được chọn, hiển thị sản phẩm trong biến thể đã chọn để xem trước trực quan chính xác.

Hiển thị trang cửa hàng

Các mẫu biến thể hiển thị trên các trang danh sách sản phẩm cho phép khách hàng xem trước tùy chọn mà không cần mở các trang sản phẩm riêng lẻ.

Sản phẩm này dành cho ai?

Các cửa hàng WooCommerce bán sản phẩm có biến thể hình ảnh như màu sắc, họa tiết, vật liệu hoặc kiểu dáng. Đặc biệt hữu ích cho thời trang, trang trí nhà cửa, phụ kiện và bất kỳ danh mục sản phẩm nào mà việc đại diện lựa chọn hình ảnh cải thiện quy trình lựa chọn.

Ưu điểm

  • Lựa chọn hình ảnh: Khách hàng thấy màu sắc và họa tiết thay vì đọc các danh sách thả xuống
  • Cập nhật phòng trưng bày: Hình ảnh sản phẩm có thể thay đổi khi các mẫu được chọn để xem trước chính xác
  • Mẫu trên trang cửa hàng: Các tùy chọn biến thể hiển thị trên các trang danh sách để duyệt nhanh hơn
  • Các loại linh hoạt: Tùy chọn mẫu màu, hình ảnh và nhãn cho các loại thuộc tính khác nhau

Nhược điểm

  • Cài đặt mẫu hình ảnh yêu cầu tải lên các hình ảnh mẫu riêng lẻ cho mỗi tùy chọn
  • Các sản phẩm với nhiều biến thể có thể tạo ra các hiển thị mẫu dày đặc cần chú ý đến bố cục
  • Một số chủ đề có thể cần điều chỉnh CSS để tích hợp hiển thị mẫu tối ưu

Mô tả sản phẩm

OpenSwatch biến đổi các trình chọn biến thể sản phẩm WooCommerce từ các menu thả xuống tiêu chuẩn thành các mẫu hình ảnh trực quan. Thay vì lựa chọn tùy chọn dựa trên văn bản, khách hàng chọn các biến thể bằng cách nhấp vào các mẫu màu, hình ảnh mẫu hoặc ảnh sản phẩm đại diện cho từng tùy chọn.

Các loại mẫu

  • Mẫu màu với hiển thị màu hex cho các màu đặc
  • Mẫu hình ảnh sử dụng ảnh sản phẩm hoặc mẫu họa tiết
  • Mẫu nhãn cho các tùy chọn dựa trên văn bản với các nút được định dạng
  • Các loại mẫu hỗn hợp trên cùng một sản phẩm cho các thuộc tính khác nhau
  • Kích thước và hình dạng mẫu tùy chỉnh (vuông, tròn, hình chữ nhật)

Trải nghiệm mua sắm

Các mẫu hình ảnh giúp khách hàng hiểu các tùy chọn ngay lập tức. Một mẫu màu xanh giao tiếp chính xác màu sắc nhanh hơn việc đọc "Xanh Navy" từ một menu thả xuống. Hình ảnh trong bộ sưu tập sản phẩm có thể được cập nhật khi các mẫu được chọn, hiển thị sản phẩm trong biến thể đã chọn.

Tích hợp danh sách sản phẩm

Các mẫu có thể xuất hiện trên các trang cửa hàng và danh mục bên cạnh các hình thu nhỏ sản phẩm, cho phép khách hàng xem trước các biến thể mà không cần mở từng trang sản phẩm riêng lẻ. Điều này giúp tăng tốc độ duyệt cho các cửa hàng có nhiều biến thể màu sắc hoặc kiểu dáng.

Nhận định của chúng tôi

PluginTheme Team

Chuyên gia đánh giá

8/10

OpenSwatch cung cấp cải tiến UX có ý nghĩa cho các cửa hàng WooCommerce với các biến thể sản phẩm trực quan. Phương pháp swatch trực quan giao tiếp các tùy chọn hiệu quả hơn so với các menu thả xuống văn bản, đặc biệt cho các lựa chọn màu sắc và hoa văn.

Đánh giá chuyên gia

Erik Keller
Erik Keller
Chuyên Gia Xác Minh

WordPress Expert

8+ nămĐánh giá: tháng 2 năm 2026
WordPress
WooCommerce
Theme Development
+1 khác