Title: Simple Variation Swatches for WooCommerce
Author: WebFix Lab
Published: <strong>2023年1月30日</strong>
Last modified: 2026年3月12日

---

プラグインを検索

![](https://ps.w.org/simple-variation-swatches/assets/banner-772x250.jpg?rev=2857015)

![](https://ps.w.org/simple-variation-swatches/assets/icon-128x128.jpg?rev=2857009)

# Simple Variation Swatches for WooCommerce

 作者: [WebFix Lab](https://profiles.wordpress.org/webfixlab/)

[ダウンロード](https://downloads.wordpress.org/plugin/simple-variation-swatches.3.0.0.zip)

 * [詳細](https://ja.wordpress.org/plugins/simple-variation-swatches/#description)
 * [レビュー](https://ja.wordpress.org/plugins/simple-variation-swatches/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/simple-variation-swatches/#installation)
 * [開発](https://ja.wordpress.org/plugins/simple-variation-swatches/#developers)

 [サポート](https://wordpress.org/support/plugin/simple-variation-swatches/)

## 説明

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](http://demo.webfixlab.com/product/simple-variation-swatches/) | [Docs](https://docs.webfixlab.com/kb/simple-variation-swatches-for-woocommerce/)
| [Bug Report](https://wordpress.org/support/plugin/simple-variation-swatches/) 
| [Customize Request](https://webfixlab.com/contact/)

**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](https://webfixlab.com/contact/)

## スクリーンショット

 * [[
 * 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

## インストール

 1. Upload the plugin folder “simple-variation-swatches” to the `/wp-content/plugins/`
    directory, or install the plugin through the WordPress plugins screen directly.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress
 3. 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](https://webfixlab.com/contact/).

## 評価

![](https://secure.gravatar.com/avatar/2052de5af6c6990015412c11ed645011d0287f7244b4e010714a059875071790?
s=60&d=retro&r=g)

### 󠀁[Customizable and easy to use](https://wordpress.org/support/topic/customizable-and-easy-to-use-4/)󠁿

 [Aikya Halder](https://profiles.wordpress.org/aikya/) 2023年1月30日

This plugin is perfect and has enough options to personalize it to my store’s style.

![](https://secure.gravatar.com/avatar/95b3a288c14efeab9e8d032f23100f53c29d2172228844c975be803e3e489d58?
s=60&d=retro&r=g)

### 󠀁[The most user-friendly swatch solution yet](https://wordpress.org/support/topic/the-most-user-friendly-swatch-solution-yet/)󠁿

 [Shahriar Kabir](https://profiles.wordpress.org/smshahriar/) 2023年1月30日

I just started using this plugin and I gotta say, it’s super user-friendly. Simply
add or edit a WooCommerce attribute and select your desired swatches type, hit save
button. DONE!

 [ 2件のレビューをすべて表示 ](https://wordpress.org/support/plugin/simple-variation-swatches/reviews/)

## 貢献者と開発者

Simple Variation Swatches for WooCommerce はオープンソースソフトウェアです。以下
の人々がこのプラグインに貢献しています。

貢献者

 *   [ WebFix Lab ](https://profiles.wordpress.org/webfixlab/)
 *   [ Aikya Halder ](https://profiles.wordpress.org/aikya/)
 *   [ Shahriar Kabir ](https://profiles.wordpress.org/smshahriar/)

[“Simple Variation Swatches for WooCommerce” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/simple-variation-swatches)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/simple-variation-swatches/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/simple-variation-swatches/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/simple-variation-swatches/)
を [RSS](https://plugins.trac.wordpress.org/log/simple-variation-swatches/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 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.

## メタ

 *  バージョン **3.0.0**
 *  最終更新日 **1か月前**
 *  有効インストール数 **10+**
 *  WordPress バージョン ** 4.9またはそれ以降 **
 *  検証済み最新バージョン: **6.9.4**
 *  PHP バージョン ** 7.0またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/simple-variation-swatches/)
 * タグ
 * [variation swatches](https://ja.wordpress.org/plugins/tags/variation-swatches/)
   [woocommerce](https://ja.wordpress.org/plugins/tags/woocommerce/)[woocommerce attributes](https://ja.wordpress.org/plugins/tags/woocommerce-attributes/)
   [woocommerce variation](https://ja.wordpress.org/plugins/tags/woocommerce-variation/)
   [woocommerce variation swatches](https://ja.wordpress.org/plugins/tags/woocommerce-variation-swatches/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/simple-variation-swatches/advanced/)

## 評価

 5つ星中5つ星

 *  [  2 5-星レビュー     ](https://wordpress.org/support/plugin/simple-variation-swatches/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/simple-variation-swatches/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/simple-variation-swatches/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/simple-variation-swatches/reviews/?filter=2)
 *  [  0 1-星レビュー     ](https://wordpress.org/support/plugin/simple-variation-swatches/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/simple-variation-swatches/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/simple-variation-swatches/reviews/)

## 貢献者

 *   [ WebFix Lab ](https://profiles.wordpress.org/webfixlab/)
 *   [ Aikya Halder ](https://profiles.wordpress.org/aikya/)
 *   [ Shahriar Kabir ](https://profiles.wordpress.org/smshahriar/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/simple-variation-swatches/)