by Emran Ahmed 4.8 (919 reviews)

Variation Swatches for WooCommerce

Name: Variation Swatches for WooCommerce
Rating: 4.8 (919 reviews)
Author: Emran Ahmed

WooCommerce Variation Swatches replaces boring variation dropdowns with engaging color, image, and label swatches that can boost sales and customer sa …

Variation Swatches for WooCommerce ranks #174 among WordPress.org plugins with 300,000+ active installations, is #13 of 12,214 in the E-commerce category, a 4.8/5 rating from 919 reviews, and was last updated Aug 20, 2026. Data from WordPress.org, refreshed twice daily — see methodology.

Compatible with WP 7.1

v2.4.0 Current Version v2.4.0

Updated 3 weeks ago Last Update on 20 Aug, 2026

Refreshed 8 hours ago Last Refreshed on

#13 of 12,214 in E-commerce Top 1% by installs Downloads -40.8% this week Actively maintained

View on WordPress.org

Rank

#174

— No change

Active Installs

300K+

-17.1%

KW Avg Position

0.2 better

Downloads

9.2M

+1,584 today

Support Resolved

100%

— No change

Rating

96%

Review 4.8 out of 5

4.8 (919 reviews)

Next Milestone 400K

Total Progress 64.6%

300K+ 400K+

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 35,417 more installs to reach 400K+

Rank Changes

Current #174

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

4.8

919 reviews

Overall 96%

871 (95%)

11 (1%)

7 (1%)

6 (1%)

24 (3%)

Support Threads Overview

Resolved

Unresolved

Total Threads

Resolved

Unresolved

100%

Resolution Rate

Security History

Source: WPVulnerability

1 known vulnerability on record · 0 in the last 24 months · checked 1 week ago

Aug 8, 2019

Variation Swatches for WooCommerce [woo-variation-swatches] < 1.0.62

CVE-2019-14774 · Fixed in v1.0.62

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: 2.4.0
Last Updated: Aug 20, 2026
Requires WP: 5.9+
Tested Up To: 7.1
PHP Version: 7.4 or higher
Author: Emran Ahmed

Support & Rating

Rating: ★ ★ ★ ★ ★ 4.8
Reviews: 919
Support Threads: 5
Resolved: 100%

Keywords

variation swatches for woocommerce woocommerce attributes swatches woocommerce color and image swatches woocommerce color swatches woocommerce variation swatches

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

6K+ installs

#2,752

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

MonsterInsights - Google Analytics Dashboard for WordPress (Website Stats Made Easy)

Google for WooCommerce

800K+ installs

#75

WooPayments: Integrated WooCommerce Payments

800K+ installs

#76

WooCommerce PayPal Payments

800K+ installs

#81

WooCommerce Stripe Payment Gateway

700K+ installs

#85

WooCommerce Tax (formerly WooCommerce Shipping & Tax)

500K+ installs

#115

View all Ecommerce plugins

TL;DR

AI summary of the plugin's readme

This plugin is for WooCommerce store owners who want to replace variation dropdowns with visual swatches. It solves the problem of dull, hard-to-use dropdown menus for selecting product variations like color, size, and style.

Color variation swatches
Image variation swatches
Label/text/button swatches
Round or square swatch shapes
Cross out out-of-stock variations
Blur out-of-stock variations
Hide out-of-stock variations
Elementor compatibility

Frequently Asked Questions

Common questions about Variation Swatches for WooCommerce

Even this plugin has been installed and activated on your site, variable products will still show dropdowns if you’ve not configured product attributes. Log in to your WordPress dashboard, navigate to the Products menu and click Attributes. Click attribute name to edit an exists attribute or in the Add New Attribute form you will see the default Type selector. Click that Type selector to change attribute’s type. Besides default options Select and Text, there are more 3 options Color, Image, Button/Label to choose. Select the suitable type for your attribute and click Save Change/Add attribute Go back to manage attributes screen. Click the cog icon on the right side of attribute to start editing terms. Start adding new terms or editing exists terms. There will be a new option at the end of the form that allows you to choose color from colorpicker, upload image or choose as a button for those terms.

Yes, it's compatible with any WooCommerce theme including OceanWP / Astra / Flatsome / X-Theme / Avada / Uncode / Storefront / Labomba / WR Nitro / Divi / BeTheme. But sometimes it may require small css tweak. For more details. Check this 100+ WooCommerce Themes that support Variation Swatches plugin

Yes, it supports any kinds of product quick view.

Yes, it is.

If your theme follow wordpress 'post-load' event with document then you don't have to do anything. Here is the details about it: https://codex.wordpress.org/AJAX_in_Plugins#The_post-load_JavaScript_Event But if you don't then just call this javascript function on ajax load event $('.variations_form').each(function(){ $(this).wc_variation_form(); }); And you are ready to go.

It is off by default. You enable it from plugin's settings, and you can disable it again at any time. With it disabled, the plugin makes no outbound requests at all.