説明
Say goodbye to boring old dropdown variations in WooCommerce and hello to lightning-fast, user-friendly swatches. This straightforward plugin is packed with everything you need to replace boring old dropdowns with buttons, colors, images, and radio buttons.
The best part? No complicated features or slow page speeds here! Get ready for a streamlined and seamless shopping experience.
Demo | Docs | Bug Report | Customize Request
FEATURES
- New! Default variation value support added
- New! Improved UX for automatic disable or hide out of stock variations
- Convert all variations to buttons or radio buttons
- 5 different swatche types: Color, Image, Button, Radio button and Dropdown
- Tooltip for swatches
- Option to change size and design of color or image swatches
- Option to hide attribute labels
- Truly lightweight and extremely fast, almost no impact on page speed
- WooCommerce High-Performance Order Storage (HPOS) enabled
HOW TO ADD DIFFERENT VARIATION SWATCHES
Personalize Variation Swatches
Get a customized version of the Simple Variation Swatches plugin to perfectly match your unique needs. Customize Now
スクリーンショット
Disable or hide out of stock variation swatches 
Default attribute value support 
Disabled default dropdown option 
Edit Color product attribute 
Edit Image product attribute 
Admin settings – General 
Admin settings – Appearence
インストール
- Upload the plugin folder “simple-variation-swatches” to the
/wp-content/plugins/directory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ‘Plugins’ screen in WordPress
- Then go to ** Products > Attributes** and select the swatches type
FAQ
-
How can I set the swatches?
-
Go to ** Products > Attributes** and select the swatches type
-
Where is the settings?
-
In the left menu bar of the dashboard Variation Swatch
-
Will it work on any theme or page builder?
-
Yes, it will work fine on any standard theme or page builder like Gutenberg, Elementor, DIVI, WPBakery Composer etc unless they manipulate the variations options too.
-
Do you support customizations?
-
Yes, just send your request here.
評価
貢献者と開発者
Simple Variation Swatches for WooCommerce はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。
貢献者
変更履歴
3.0.0 2026-03-12
Simple Variation Swatches
- Update – Attribute name added to dropdown option.
- Fix – Default swatch frontend events.
- Fix – Font size not applying to Select.
- Update – Removed attribute block designs.
- Fix – Swatches only hiding but not disabling.
- Fix – Not enabling unavailable variations on reset variations.
- Update – Added setting default variation attribute values.
- Update – Complete frontend JS.
- Update – New file structure added.
- Update – Frontend tooltip CSS.
- Update – Disabled swatch CSS.