Simple Variation Swatches for WooCommerce

Description

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

Screenshots

  • 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

Installation

  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.

Reviews

Read all 2 reviews

Contributors & Developers

“Simple Variation Swatches for WooCommerce” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

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.