by Brainstorm Force
4.6 (45 reviews)
Variation Swatches for WooCommerce – Color, Image & Size Swatches
Variation Swatches for WooCommerce replaces dropdowns with color, image & size swatches, helping shoppers decide faster and buy with confidence.
Tested up to WP 6.8.5 (Current: 6.9.4)
v1.0.13
Current Version v1.0.13
Updated 3 weeks ago
Last Update on 10 Mar, 2026
Refreshed 6 hours ago
Last Refreshed on
Rank
#266
—
No change
Active Installs
200K+
-31.5%
KW Avg Position
1
—
No change
Downloads
2.8M
+1,050 today
Support Resolved
60%
—
No change
Rating
92%
Review 4.6 out of 5
4.6
(45 reviews)
Next Milestone 300K
200K+
300K+
55
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
Need 5,500,000 more installs to reach 300K+
Rank Changes
Current
#266
Change
Best
#
Downloads Growth
Downloads
Growth
Peak
Upgrade to Pro
Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.
Upgrade NowReviews & Ratings
4.6
45 reviews
Overall
92%
5
40
(89%)
4
0
(0%)
3
1
(2%)
2
0
(0%)
1
4
(9%)
Tracked Keywords
Showing 5 of 5| Keyword | Position | Change | Type | Updated |
|---|---|---|---|---|
| variation swatches | 1 | — | Tag | 2 days ago |
| woocommerce variation swatches | 1 | — | Tag | 2 days ago |
| variation swatches for woocommerce | 1 | — | Tag | 2 days ago |
| woocommerce color swatches | 1 | — | Tag | 2 days ago |
| woocommerce attribute swatches | 1 | — | Tag | 2 days ago |
Unlock Keyword Analytics
Track keyword rankings, search positions, and discover new ranking opportunities with a Pro subscription.
- Full keyword position tracking
- Historical ranking data
- Competitor keyword analysis
Support Threads Overview
Resolved
Unresolved
5
Total Threads
3
Resolved
2
Unresolved
60%
Resolution Rate
Track This Plugin
Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.
Start Tracking FreePlugin Details
- Version
- 1.0.13
- Last Updated
- Mar 10, 2026
- Requires WP
- 5.4+
- Tested Up To
- 6.8.5
- PHP Version
- 5.6 or higher
- Author
- Brainstorm Force
Support & Rating
- Rating
- ★ ★ ★ ★ ★ 4.6
- Reviews
- 45
- Support Threads
- 5
- Resolved
- 60%
Keywords
variation swatches
variation swatches for woocommerce
woocommerce attribute swatches
woocommerce color swatches
woocommerce variation swatches
Upgrade to Pro
Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.
Upgrade Now
Frequently Asked Questions
Common questions about Variation Swatches for WooCommerce – Color, Image & Size Swatches
Variation swatches are visual, clickable alternatives to the default WooCommerce dropdown menus on variable product pages. Instead of selecting a color or size from a plain text list, customers click a color swatch, image thumbnail, or labeled button. This makes the shopping experience faster, clearer, and more engaging.
After installing and activating the plugin, go to Products → Attributes in your WordPress dashboard. Edit any attribute such as "Color" and change its Type to Color Swatch. Then edit each attribute term and assign a hex color value. The plugin will automatically display color swatches on all products using that attribute. No per-product setup is required.
Yes. Set an attribute's Type to Image Swatch under Products → Attributes. Then upload a custom image to each attribute term. This works well for textures, patterns, and fabrics. You can also set the product variation's featured image to auto-populate as an image swatch to save setup time.
Set your size attribute's display type to Label or Button in the attribute settings. The plugin will automatically replace the dropdown with clickable size buttons such as S, M, L, and XL. You can control button shape, size, and styling globally from the plugin settings.
Yes. The plugin supports displaying color, image, and label swatches directly on your shop page, category pages, and archive pages. Enable this from the global settings. Customers can select variations straight from the product catalog.
No. The plugin is built with performance as the priority. It loads lightweight assets only on pages where swatches are displayed. It does not add unnecessary scripts or styles across your site. It also works well with major caching and performance optimization tools.
Yes. The plugin is compatible with well-coded WooCommerce themes including Astra, Flatsome, Divi, Avada, OceanWP, Kadence, GeneratePress, Storefront, Blocksy, and Neve. In rare cases with heavily customized themes, minor CSS adjustments may be needed.
Yes. From the plugin settings, you can choose square or rounded shapes, control swatch width and height, set border width and color, adjust spacing, and enable or disable tooltips. No coding is required. You can also override these settings on individual products.
You can choose how out-of-stock variations appear. Options include blurring the swatch, displaying a cross or strikethrough, or hiding it completely. This prevents customers from selecting unavailable options and improves the shopping experience.
Yes. The plugin works with standard WooCommerce variable products and supports variation swatches inside bundled product setups. If you face compatibility issues with specific bundle plugins, support is available.