Simple Variation Swatches for WooCommerce

by WebFix Lab

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

Installation

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

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

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

Customizable and easy to use

By Aikya Halder (aikya) on January 30, 2023

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

The most user-friendly swatch solution yet

By Shahriar Kabir (smshahriar) on January 30, 2023

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!

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.