Product Variations Swatches for WooCommerce

Mô tả

Product Variations Swatches for WooCommerce cho phép bạn hiển thị và chọn các thuộc tính cho các sản phẩm biến thể. Plugin hiển thị các tùy chọn biến thể của sản phẩm dưới màu sắc, nút, hình ảnh, hình ảnh biến thể, radio để giúp khách hàng quan sát sản phẩm được trực quan hơn, tiết kiệm thời gian tìm kiếm sản phẩm mong muốn hơn so với kiểu thả xuống truyền thống.

Try the Demo |Documents |Pro Version | Facebook group

Chú ý quan trọng:

  • Plugin works based on WooCommerce 7.x or higher, PHP 7.0+

  • Được phát hành trên WordPress.org và bạn có thể sử dụng plugin miễn phí để xây dựng các chủ đề để bán.

TÍNH NĂNG

Chuyển đổi các danh sách thả xuống biến thể nào thành các mẫu với một vài cú nhấp chuột:
Khi kích hoạt plugin WooCommerce Product Variations Swatches, các sản phẩm biến thể có danh sách thả xuống sẽ được chuyển đổi thành các mẫu biến thể.

Tùy chỉnh các thuộc tính chung và các thuộc tính tùy chỉnh trong cài đặt plugin:
Cho phép người dùng tùy chỉnh nhanh chóng tất cả các thuộc tính chung trong WooCommerce thông qua cài đặt mẫu của plugin này.

  • Tìm thuộc tính: Tìm tên thuộc tính đang có bằng trường tìm kiếm

  • Cách hiển thị: Chọn phương hướng hiển thị giá trị thuộc tính và tên thuộc tính tương ứng – Ngang hoặc Dọc

  • Kiểu hiển thị: Các kiểu hiển thị giá trị thuộc tính có thể sử dụng bao gôm Nút, Màu, Ảnh, Ảnh biến thể, Radio

  • Mẫu thiết kế: Hiển thị giá trị thuộc tính bằng một trong các mẫu thiết kế biến thể đã có

  • Chỉnh sửa giá trị thuộc tính chung: Tùy chỉnh các giá trị thuộc tính chung có sẵn

Mẫu thiết kế:
WooCommerce Product Variations Swatches cho phép thiết kế và tùy chỉnh các mẫu biến thể.

  • Tùy chỉnh Mẫu thiết kế: Có thể tùy chỉnh để hiển thị mẫu thiết kế mặc định: Tên, Lề trong, Chiều cao, Chiều rộng, Kích thước phông chữ, kích thước ở chế độ di động, trên danh sách sản phẩm, Màu sắc, Hiệu ứng bóng

  • Chỉnh sửa trạng thái Di chuột: Có thể tùy chỉnh cách hiển thị một mẫu biến thể khi được di chuột qua. Các tùy chỉnh bao gồm Màu sắc, Nền, Đường viền, Hiệu ứng bóng, Giảm kích thước

  • Chỉnh sửa trạng thái Được chọn: Có thể tùy chỉnh cách hiển thị một mẫu biến thể khi được chọn. Các tùy chỉnh bao gồm Màu sắc, Nền, Đường viền, Hiệu ứng bóng, Giảm kích thước

  • Tùy chỉnh Chú thích: Bạn có thể tùy chỉnh trạng thái chú thích khi một mẫu biến thể được chọn. bao gồm Màu sắc, Đường viền, Kích thước phông chữ và Vị trí

Hoạt động trên điện thoại: WooCommerce product variations swatches hoạt động tốt trên các thiết bị điện thoại

Dễ sử dụng: Giao diện thân thiện người dùng và dễ sử dụng

BẢN TRẢ PHÍ:

Tất cả tính năng từ bản miễn phí

Không giới hạn Mẫu thiết kế: Nhân bản mẫu thiết kế biến thể hiện tại và tùy chỉnh các cài đặt bên trong tạo tạo những mẫu mới

Hiển thị thuộc tính cụ thể trên danh sách sản phẩm: Ẩn/hiện một thuộc tính cụ thể trên trang danh sách sản phẩm

Thay đổi ảnh sản phẩm: Có thể đặt hình ảnh cho từng giá trị thuộc tính và làm cho hình ảnh sản phẩm thay đổi tương ứng khi khách hàng chọn giá trị đó

Tắt biến thể hết hàng: Tổ hợp thuộc tính hết hàng có thể được tự động phát hiện và hiển thị dưới dạng mờ hoặc gạch chéo, có thể nhấp hoặc không hoặc thậm chí bị ẩn

Nội dung Chú thích: Chỉnh sửa nội dung Chú thích và có thể sử dụng ảnh thuộc tính/biến thể trong chú thích

Dễ dàng cài đặt để hiển thị các thuộc tính tùy chỉnh của sản phẩm biến thể trên giao diện người dùng:
Có thể dễ dàng cài đặt để hiển thị các thuộc tính tùy chỉnh của các sản phẩm biến thể trên giao diện người dùng bằng tùy chọn thuộc tính tùy chỉnh.

  • Tên thuộc tính tùy chỉnh: Điền tên của thuộc tính tùy chỉnh đã có, sau đó quản lý những cài đặt còn lại cho thuộc tính này

  • Chỉ định danh mục: Tùy chọn danh mục mà cài đặt thuộc tính được áp dụng

  • Cách hiển thị: Tùy chọn phương hướng để hiển thị tên thuộc tính và giá trị thuộc tính tương ứng – Ngang hoặc Dọc

  • Kiểu hiển thị: Có các kiểu hiển thị sau được sử dụng: Nút, Màu, Ảnh, Ảnh biến thể, Radio

  • Mẫu thiết kế: Chọn hiển thị thuộc tính tùy chỉnh bằng một trong các mẫu biến thể đang có

  • Trên danh sách sản phẩm: Cho phép ẩn/hiển những thuộc tính tùy chỉnh cụ thể trên trang danh sách sản phẩm

Hiển thị biến thể trên trang danh sách sản phẩm và những trang cụ thể được chỉ định:
Ẩn/hiện các biến thể sản phẩm bằng các tùy chọn trong thẻ cài đặt hiển thị trên danh sách sản phẩm

  • Hiện nút Thêm vào giỏ hàng: Hiện nút thêm vào giỏ hàng cho các biến thể trên trang sản phẩm

  • Hiện tên thuộc tính: Ẩn/hiện tên thuộc tính

  • Vị trí: Tùy chỉnh vị trí của biến thể trên trang cửa hàng, danh mục và các trang danh sách sản phẩm khác

  • Chú thích: Ẩn hoặc hiện nội dung văn bản của chú thích trên trang danh sách sản phẩm

  • Giá trị thuộc tính tối đa: Quản lý số lượng giá trị thuộc tính tối đa được hiển thị

Hỗ trợ đa ngôn ngữ:
Nếu bạn sử dụng WPML để dịch các thuộc tính, chỉ cần cấu hình hình ảnh thuộc tính bằng ngôn ngữ mặc định. Hình ảnh thuộc tính của các thuộc tính đã dịch được kế thừa từ thuộc tính gốc.

Tài liệu

Liên kết plugin

CÓ THỂ BẠN CẦN

9MAIL – WordPress Email Templates Designer

9Map – Map Multi Locations

Abandoned Cart Recovery for WooCommerce

Advanced Product Information for WooCommerce

AFFI – Affiliate Marketing for WooCommerce

ALD – Dropshipping and Fulfillment for AliExpress and WooCommerce

Boost Sales for WooCommerce – Set up Up-Sells & Cross-Sells Popups & Auto Apply Coupon

Bopo – WooCommerce Product Bundle Builder

Bulky – Bulk Edit Products for WooCommerce

Cart All In One For WooCommerce

Catna – Woo Name Your Price and Offers

Checkout Upsell Funnel for WooCommerce

ChinaDS – Tmall-Taobao Dropshipping for WooCommerce

Clear Autoptimize Cache Automatically

COMPE – WooCommerce Compare Products

Coreem – Coupon Reminder for WooCommerce

Coupon Box for WooCommerce

CURCY – Multi Currency for WooCommerce – The best free currency exchange plugin – Run smoothly on WooCommerce 9.x

Customer Coupons for WooCommerce

DEPART – Deposit and Part payment for Woo

Email Template Customizer for WooCommerce

EPOI – WP Points and Rewards

EPOW – Custom Product Options for WooCommerce

EU Cookies Bar for WordPress

EXMAGE – WordPress Image Links

Faview – Virtual Reviews for WooCommerce

FEWC – Extra Checkout Fields For WooCommerce

Free Shipping Bar for WooCommerce

GIFT4U – Gift Cards All in One for Woo

HANDMADE – Dropshipping for Etsy and WooCommerce

HAPPY – Helpdesk Support Ticket System

Jagif – WooCommerce Free Gift

LookBook for WooCommerce – Shoppable with Product Tags

Lucky Wheel for WooCommerce – Spin a Sale

Notification for WooCommerce | Boost Your Sales – Recent Sales Popup – Live Feed Sales – Upsells

Orders Tracking for WooCommerce

Photo Reviews for WooCommerce

Pofily – WooCommerce Product Filters

Product Builder for WooCommerce – Custom PC Builder

Product Pre-Orders for WooCommerce

Product Size Chart For WooCommerce

REDIS – WooCommerce Dynamic Pricing and Discounts

REES – Real Estate for Woo

S2W – Import Shopify to WooCommerce

Sales Countdown Timer

SUBRE – Product Subscription for WooCommerce – Recurring Payments

Suggestion Engine for WooCommerce

Thank You Page Customizer for WooCommerce – Increase Your Sales

TMDS – Dropshipping for TEMU and Woo

VARGAL – Additional Variation Gallery for Woo

W2S – Migrate WooCommerce to Shopify

WebPOS – Point of Sale for WooCommerce

WordPress Lucky Wheel – Spin a Sale

WPBulky – WordPress Bulk Edit Post Types

Ảnh màn hình

  • Swatches on shop page
  • Swatches on single product page

Cài đặt

  1. Giải nén tệp tải xuống
  2. Tải product-variations-swatches-for-woocommerce lên thư mục /wp-content/plugins/
  3. Kích hoạt plugin từ menu ‘Plugin’ trong WordPress

Đánh giá

29 Tháng 7, 2024
I absolutely love this plugin! My E-commerce stores look so much more professional. My only wish is I could switch from HTML Color Code to Image on products I have already coded.
17 Tháng 4, 2024 1 trả lời
I am just having fun using Product Variations Swatches for WooCommerce. It been helpfull and i am still learning on using it with my WooCommerce Store. Thanks Guys.
Đọc tất cả 75 đánh giá

Người đóng góp & Lập trình viên

“Product Variations Swatches for WooCommerce” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

“Product Variations Swatches for WooCommerce” đã được dịch qua 1 ngôn ngữ. Cảm ơn những người tham gia dịch vì đóng góp của họ.

Dịch “Product Variations Swatches for WooCommerce” sang ngôn ngữ của bạn.

Muốn tham gia phát triển?

Duyệt code, check out SVN repository, hoặc theo dõi nhật ký phát triển qua RSS.

Nhật ký thay đổi

/** 1.1.11 – 2025.05.12**/
– Updated: Compatible with Dokan – vendors can easily edit product swatches from the product edit page on their vendor dashboard

/** 1.1.10 – 2025.02.28**/
– Fixed: Can not show the variation image on swatches
– Updated: Option to use variation swatch images as default display for products with multiple attributes.

/** 1.1.9.5 – 2025.02.25**/
– Fixed: Can not click the ‘Save attributes’ button

/** 1.1.9 – 2025.02.14**/
– Fixed: Error reported by customer

/** 1.1.8 – 2025.02.13**/
– Updated: Option to use variation swatch images as the default display type
– Updated: setting swatches on the product edit page

/** 1.1.7 – 2024.12.28**/
– Updated: Compatible with WC 9.5

/** 1.1.6 – 2024.11.23**/
– Updated: Compatible with WC 9.4 and WP 6.7

/1.1.5 – 2024.10.11/
– Updated: Compatible with WC 9.3 and WP 6.6
– Updated: Class VillaTheme_Support

/1.1.4 – 2024.04.13/
– Updated: Compatible with WC 8.7 and WP 6.5
– Updated: Update support file

/1.1.3 – 2024.02.05/
– Updated: Compatible with WC 8.5
– Fixed: Can not save/add product attributes

/1.1.2 – 2023.11.30/
– Updated: Compatible with WC 8.3 and WP 6.4
– Fixed: Can not save/add product attributes

/1.1.1 – 2023.07.24/
– Fixed: Can not save/add product attributes with WC 7.9

/1.1.0 – 2023.07.15/
– Updated: Compatibility with WooCommerce Extended Coupon Features PRO by Soft79
– Updated: Compatible with HPOS – WC 7.8.0 and WP 6.2.2
– Updated: Update support file

/1.0.10 – 2023.02.23/
– Updated: Compatible with WC 7.4.0

/1.0.9 – 2022.12.22/
– Updated: Compatible with WC 7.2.0 and WP 6.1.1
– Updated: Language file
– Updated: Update support file

/1.0.8 – 2022.07.15/
– Updated: Dismiss notice at admin bar

/1.0.7 – 2022.06.21/
– Fixed: Initialize swatches after a request to admin-ajax.php but not an ajax request

/1.0.6 – 2022.06.20/
– Fixed: Custom attributes not saving correctly if name contains quote sign
– Fixed: Error on settings page in some cases
– Fixed: “Change the size of attribute items” not applied to Select type
– Updated: Class VillaTheme_Support
– Updated: Compatibility check with WP6.0
– Improved: Values of Global attributes are paginated
– Improved: Remove empty css
– Added: Preview of attribute image and color on Global attributes page

/1.0.5 – 2022.04.20/
– Updated: Class VillaTheme_Support

/1.0.4 – 2022.03.29/
– Updated: Class VillaTheme_Support

/1.0.3 – 2022.03.21/
– Updated: Class VillaTheme_Support

/1.0.2 – 2022.01.11/
– Fixed: Swatches not working with Woodmart theme’s quickview
– Fixed: Some fields of global attributes(Edit screen) are duplicated when WPML is active
– Updated: VillaTheme_Support
– Updated: Make “Out of stock” design(Swatches profile) apply no matter “Disable ‘out of stock’ variation items” option is on or off

/1.0.1.16 – 2021.08.05/
– Fixed: Product not adding to cart correctly when using “Theme default” swatches type

/1.0.1.15 – 2021.08.03/
– Added: Unlock the Disable ‘out of stock’ variation items option

/1.0.1.14 – 2021.07.31/
– Fixed: “Out of stock” style not applying
– Updated: Compatibility with WP5.8 and WC5.5
– Updated: Class VillaTheme_Support

/1.0.1.13 – 2021.06.08/
– Fixed: “Out of stock” check only runs after selecting an attribute

/1.0.1.12 – 2021.06.05/
– Fixed: Custom attributes not saving correctly if attribute name contains special characters
– Updated: Product edit page: button “Add new” -> “Add”, add button “Add new” like WooCommerce which is to create a new term for global attributes

/1.0.1.11 – 2021.03.01/
– Added: Reset settings general
– Fixed: Attribute image not saving

/1.0.1.10 – 2021.02.20/
– Fixed: Tooltip position

/1.0.1.9 – 2020.12.15/
– Fixed: Edit attribute on product editor page

/1.0.1.8 – 2020.12.12/
– Fixed: save attribute on product editor page
– Updated: Compatibility with WP 5.6
– Updated: Delete image for attribute item
– Added: Enable/disable attribute title on single
– Added: Show selected attribute item on single
– Added: Import/ export settings general

/1.0.1.7 – 2020.08.22/
– Fixed: Swatches select revert to attribute slug after add to cart

/1.0.1.6 – 2020.08.12/
– Updated: Compatibility with WP5.5 and WC4.3

/1.0.1.5 – 2020.06.29/
– Added: Add ajax variation threshold
– Added: Add default Swatches profile
– Added: Select multi value for global in the product edit page

/1.0.1.3 – 2020.05.09/
– Fixed: Display color type and image type for custom attribute

/1.0.1.2 – 2020.04.23/
– Update: support class

/1.0.1.1 – 2020.04.22/
– Fixed: Style ‘Out of stock’ swatches
– Updated: Update readme

/**1.0.1 – 2020.04.11/
– Fixed: Horizontal style