內容簡介
Variation Swatches and Gallery for WooCommerce 是 WooCommerce 可變產品屬性的顏色、圖片、按鈕和單選開關的終極解決方案，同時還支持每個變異的圖庫功能，可無限添加圖片。
核心功能
✔️四個自訂屬性類型：顏色、圖片、按鈕和單選。
✔️屬性術語的自訂元字段（用於自定義屬性類型）。
✔️每個變量的不同圖庫。
✔️詳細設置頁面可自定義設計和功能。
✔️24/7快速支援。
✔️當默認值時，按鈕選擇器開關。
✔️當默認值時，圖片選擇器開關。
✔️顯示已選變量屬性標籤和標籤分隔符。
✔️落後庫存的選項禁用。
✔️可以點擊禁用的變化（缺貨變化）。
✔️單擊時清除選定的變化。
✔️啟用工具提示，位置在上方/下方。
✔️顯示變量庫存。
✔️自定義Ajax變量閾值。
✔️三個可選的光標形狀 - 圓形、圓角和正方形。
✔️兩種可選的光標顯示樣式 - 嵌入式和塊。
✔️可定制的顏色和圖像光標寬度和高度。
✔️為顏色和圖像光標顯示/隱藏標籤。
✔️每個變化的圖庫影像。
高級功能
✔️高級方案是主要外掛的擴展，增加了其他功能。
✔️啟用工具提示，位置位於頂部/底部，用於產品屬性術語。
✔️圖像或文字工具提示產品屬性術語。
✔️啟用彩片存檔/商店。
✔️每個單一產品的可定制彩片設置。
✔️彩片風格（正常/懸停/選中）與主題顏色匹配。
✔️工具提示樣式以匹配主題顏色。
貢獻
這可能存在漏洞和缺少許多功能。如果您想為這個項目作出貢獻，歡迎您參與。請從 GitHub 上 fork 存儲庫。
文檔
變化的 Swatches 和 Gallery for WooCommerce 入門只是一瞬間的事情。
請查看我們的詳細文檔，以幫助您最好地運行 WooCommerce 的優化插件和小工具。
連結
演示
文檔
GitHub
外掛標籤
開發者團隊
② 後台搜尋「Variation Swatches and Gallery for WooCommerce」→ 直接安裝（推薦）
原文外掛簡介
Say goodbye to boring WooCommerce dropdown menus! Variation Swatches and Gallery for WooCommerce transforms your variable product dropdowns into stunning Color, Image, Button, and Radio swatches — giving your customers an experience like shopping on Amazon or AliExpress.
🔗 Live Demo | 📖 Documentation | 🌐 Plugin Homepage | 💬 Support
🏆 What Makes This Plugin Different?
Other swatches plugins give you basic color and image swatches. We go further — with two features that are usually premium-only, included for free:
Variation Image Gallery — Upload unlimited images per variation. When a customer selects “Red / Large”, they see a complete photo gallery of that exact combination — a feature typically found only in premium plugins, included here for free.
Stock Count by Variation — Show customers exactly how many items are left for each specific variation (e.g., “Red / Medium: Only 5 left!”). Helps customers make informed, faster purchasing decisions.
See Both Features in Action →
🎨 4 Beautiful Swatch Types
👉 Color Swatches
Display vibrant color circles or squares that customers can select at a glance. Perfect for clothing, accessories, home decor, and any product with color variants.
Live Demo & Documentation →
👉 Image Swatches
Show product photos, patterns, fabrics, or textures as selectable thumbnail swatches. Great for products where seeing the material or design matters before buying.
Live Demo & Documentation →
👉 Button / Label Swatches
Clean, clickable text buttons for sizes (S, M, L, XL), styles, or any text-based option. The most popular swatch type for size selectors. Auto-converts from dropdowns on install!
Live Demo & Documentation →
👉 Radio Swatches
Classic radio-style selectors for simple binary or limited choices. Ideal for yes/no options, gift wrapping toggles, or small option sets.
Live Demo & Documentation →
🆓 All Free Features
Our free version is packed with features:
👉 Auto-Convert Dropdowns to Swatches
Install and activate — all variation dropdowns instantly become button swatches. Zero configuration required.
👉 Variation Image Gallery
Upload unlimited gallery images for each specific variation. Customers see the exact photos for their selected color/size combination — typically a premium-only feature, included free here.
Live Demo →
👉 Stock Count by Variation
Display the exact stock quantity for each variation. “Red / M: 12 in stock” — helps customers make informed decisions and see product availability at a glance.
Live Demo →
👉 Smart Out-of-Stock Handling
Three options for unavailable variations: Blur them out, show a Cross sign, or Hide them completely. Prevent customer frustration with clear visual cues.
Live Demo →
👉 Customizable Swatch Shapes
Choose between Circle, Rounded, or Square swatch styles to match your store’s design and branding.
👉 Hover Tooltips
Enable sleek tooltips that appear on hover, showing attribute labels. Position them Top or Bottom to fit your layout.
👉 Ajax Variation Threshold
Custom threshold setting for stores with hundreds of product variations. Ensures smooth, fast performance without slowing down your product pages.
👉 Layout Control
Choose between Inline or Block display styles. Show the selected attribute name beside the label. Add a “Clear” button to reset selections with one click.
👉 Automated Defaults
Set Button or Image as the global default swatch type. No need to configure every product individually.
🏆 What Our Users Say
⭐⭐⭐⭐⭐ “This plugin solved my client requirements. I had an issue and the author supported me very quickly. Great plugin, excellent support!”
— designunique, Verified WordPress.org Review
🚀 Premium Features
Upgrade to Variation Swatches and Gallery Pro to unlock advanced shop management and styling tools:
Live Demo | Upgrade to Pro | Documentation
👉 Archive / Shop Page Swatches
Let customers select variations (colors, sizes) directly from the shop, category, and archive pages — without visiting each product page. Fewer clicks = more sales.
Live Demo →
👉 Per-Product Settings Override
Need different swatch shapes, styles, or types for specific products? Override global settings on a per-product basis for complete control.
👉 Advanced State Styling
Full control over Normal, Hover, and Selected states — including custom colors, borders, and box shadows. Make your swatches look exactly how you want.
👉 Image & Text Tooltips
Display product images or custom text inside tooltips on hover. A much richer browsing experience than text-only tooltips.
👉 Custom Tooltip Styling
Match tooltip colors and appearance to your brand identity. Full control over tooltip background, text color, and borders.
👉 Priority Support
Get fast, dedicated support directly from the developers who built the plugin.
👉 Get Pro Version →
🔌 Compatibility
This plugin is built to work everywhere:
✅ Any standard WooCommerce theme (Flatsome, OceanWP, Divi, Astra, Storefront, and more)
✅ Popular Quick View plugins
✅ WooCommerce HPOS (High-Performance Order Storage)
✅ Elementor and other page builders
✅ Tested with WordPress 6.4+ through 6.8
✅ Tested with WooCommerce 8.0+ through 10.3
✅ PHP 7.4+ compatible
📊 Free vs Pro Comparison
Included in Free:
✅ Color, Image, Button, Radio Swatches
✅ Variation Image Gallery (Unlimited)
✅ Stock Count by Variation
✅ Out-of-Stock Handling (Blur/Cross/Hide)
✅ Customizable Swatch Shapes
✅ Hover Tooltips
✅ Ajax Variation Threshold
✅ Clear Selection Button
✅ Inline & Block Display
Pro Only:
⭐ Shop / Archive Page Swatches
⭐ Per-Product Override Settings
⭐ Advanced State Styling (Hover, Selected)
⭐ Image & Text Tooltips
⭐ Custom Tooltip Styling
⭐ Priority Support
👨💻 Support & Documentation
Need help getting started? We’ve got you covered:
📖 Complete Documentation — Step-by-step guides for every feature
🎮 Live Demo Store — Try every feature before installing
💬 WordPress Support Forum — Free community support
🎫 Priority Support — For Pro users
