Variation Swatches for WooCommerce – Color, Image & Size Swatches

What is Variation Swatches for WooCommerce?

Variation Swatches for WooCommerce replaces default dropdown menus on product pages with clickable color swatches, image thumbnails, and size buttons. Instead of picking from a text list, shoppers see visual options instantly. This plugin is built by Brainstorm Force, the team behind Astra and CartFlows, trusted by millions of WordPress sites. It has been available for 4 years and currently powers over 200,000 active WooCommerce stores. The plugin holds a 4.6 out of 5 rating from 45 reviews, with 89% of those being five-star ratings. It was last updated on March 10, 2026, and is tested up to WordPress 6.8.5.

Dropdown menus are slow and hard to scan, especially on mobile devices. Variation Swatches for WooCommerce solves this by turning every variation field into a visual selector. Customers see colors, textures, or sizes at a glance. This speeds up decisions and builds confidence before checkout. The plugin requires zero coding and works with any theme.

Key Features of Variation Swatches for WooCommerce

• Color Swatches: Replace color dropdowns with visual swatches using solid colors, dual-color swatches, or custom hex values.
• Image Swatches: Upload custom images for each attribute, perfect for fabrics, textures, or patterns that need visual detail.
• Size & Label Button Swatches: Convert size dropdowns into clickable buttons (S, M, L, XL) for faster selection on fashion and apparel stores.
• Auto-Convert Dropdowns: The plugin automatically detects all variation fields and applies swatches based on global settings, no manual per-product setup required.
• Global & Per-Product Control: Set default swatch styles for each attribute type storewide, then override settings for individual products as needed.
• Instant Product Image Update: When a customer hovers or selects an image swatch, the main product image updates immediately to match.
• Mobile-Friendly Design: Touch-friendly swatches work naturally on phones and tablets, improving the shopping experience for mobile visitors.
• Lightweight Performance: Built for speed, the plugin won’t slow down your store or cause conflicts with your current theme.

Who Should Use Variation Swatches for WooCommerce?

This plugin is ideal for any WooCommerce store owner who sells variable products. It works best for fashion, apparel, accessories, and home goods stores where color, texture, or size matters. Beginners can set it up in minutes with no coding skills. The plugin’s global settings allow a single configuration to apply across all products, saving time for store owners managing hundreds of variations. With 200,000+ active installs, it is a proven solution for stores of all sizes.

Advanced users benefit from per-product overrides and custom styling options. You can control swatch shape, size, spacing, borders, and tooltip display. The plugin supports attributes with up to 6.8.5 WordPress versions and requires PHP 5.6 or higher. It is a practical choice for store owners who want to reduce friction in the buying process without hiring a developer.

Installation & Setup

Install the plugin via the WordPress plugin directory or upload the zip file to /wp-content/plugins/. Activate it from the Plugins menu, then go to Products → Attributes to set each attribute’s display type to Color, Image, or Label. The plugin automatically converts all matching dropdowns across your store. Setup is beginner-friendly and takes just a few minutes, with no code required.

Support & Community

Support data from the last 2 months shows 1 open thread and 1 resolved thread, giving a 100% resolution rate. The plugin’s rating of 4.6 out of 5 is backed by 89% five-star reviews. The 9% one-star ratings suggest some users experienced edge cases, but the active support team addresses issues quickly. Brainstorm Force maintains the plugin, and its integration with the Astra ecosystem means users can expect consistent updates and compatibility with major WordPress releases.