內容簡介
MBTech Variant Swatches for WooCommerce 將 WooCommerce 的預設變體下拉選單替換為視覺豐富的樣本，為客戶提供更直觀且引人入勝的產品選擇體驗。
【主要功能】
• 顏色樣本：以顏色圓形或方形顯示產品變體
• 圖片樣本：使用媒體庫顯示變體圖片
• 標籤/按鈕樣本：顯示基於文字的按鈕選項
• 風格化的核取方塊：變體選擇的核取方塊/單選按鈕介面
• 拖放排序：按產品重新排序樣本顯示順序
• 庫存控制：隱藏或模糊不可用的變體
外掛標籤
開發者團隊
② 後台搜尋「MBTech Variant Swatches for WooCommerce」→ 直接安裝（推薦）
原文外掛簡介
MBTech Variant Swatches for WooCommerce replaces the default WooCommerce variation dropdown selects with visually rich swatches, giving your customers a more intuitive and engaging product selection experience.
Features
Color Swatches — Display product variations as colored circles or squares with a hex color picker.
Image Swatches — Show variation images using the WordPress Media Library.
Label/Button Swatches — Display text-based buttons for sizes, materials, etc.
Checkbox Swatches — Styled checkbox/radio UI for variation selection.
Enhanced Dropdown — Improved select dropdown with color/image previews.
Drag & Drop Sorting — Reorder swatch display order per product.
Per-Product Overrides — Override global swatch type on individual products.
Out of Stock Control — Cross out, blur, or hide unavailable variations.
Tooltips — Hover tooltips for color and image swatches.
Responsive & Accessible — Mobile-friendly, keyboard navigable, ARIA attributes.
Theme Override Support — Theme developers can override swatch templates.
HPOS Compatible — Fully compatible with WooCommerce High-Performance Order Storage.
How It Works
Go to Products → Attributes and edit an attribute (e.g., Color).
Choose a Swatch Type (Color, Image, Label, Checkbox, or Dropdown).
Edit individual attribute terms to set their color, image, or label.
Swatches automatically replace the default dropdown on the product page.
Requirements
WordPress 6.0 or higher
WooCommerce 7.0 or higher
PHP 7.4 or higher
