Title: MKWebTech Variation Swatches for WooCommerce
Author: mkwebtech
Published: July 18, 2026
Last modified: July 18, 2026
---
Search plugins
# MKWebTech Variation Swatches for WooCommerce
By [mkwebtech](https://profiles.wordpress.org/mkwebtecindia/)
[Download](https://downloads.wordpress.org/plugin/mkwebtech-variation-swatches-for-woocommerce.1.0.0.zip)
* [Details](https://wordpress.org/plugins/mkwebtech-variation-swatches-for-woocommerce/#description)
* [Reviews](https://wordpress.org/plugins/mkwebtech-variation-swatches-for-woocommerce/#reviews)
* [Installation](https://wordpress.org/plugins/mkwebtech-variation-swatches-for-woocommerce/#installation)
* [Development](https://wordpress.org/plugins/mkwebtech-variation-swatches-for-woocommerce/#developers)
[Support](https://wordpress.org/support/plugin/mkwebtech-variation-swatches-for-woocommerce/)
## Description
MKWebTech Variation Swatches for WooCommerce transforms the default WooCommerce
variation dropdowns into modern visual swatches while keeping the native variation
selectors for full WooCommerce compatibility.
Customers can choose product variations using color swatches, dual-color swatches,
or image swatches for a faster and more intuitive shopping experience.
The plugin is lightweight, accessible, and designed to work seamlessly with WooCommerce.
### Features
* Color swatches
* Dual-color swatches
* Image swatches
* Keyboard accessible controls
* Screen reader friendly
* Native WooCommerce compatibility
* Keep original variation dropdowns for compatibility
* Tooltips for variation values
* Display swatches on single product pages
* Display swatches in shop and archive pages
* Configure unavailable variation appearance
* Responsive design
* Per-term swatch settings
* Customizable swatch styles
* Lightweight with no tracking or analytics
The plugin does not send any store or customer data to external services.
## Screenshots
[⌊Color variation swatches displayed on a variable product.⌉⌊Color variation swatches
displayed on a variable product.⌉[
Color variation swatches displayed on a variable product.
[⌊Configure swatch types under Products ](https://ps.w.org/mkwebtech-variation-swatches-for-woocommerce/assets/screenshot-2.png?rev=3612562)
Configure swatch types under **Products Attributes**.
[⌊General settings.⌉⌊General settings.⌉[
General settings.
[⌊Style settings.⌉⌊Style settings.⌉[
Style settings.
[⌊Shop and archive page settings.⌉⌊Shop and archive page settings.⌉[
Shop and archive page settings.
[⌊Single product page settings.⌉⌊Single product page settings.⌉[
Single product page settings.
[⌊Advanced settings.⌉⌊Advanced settings.⌉[
Advanced settings.
## Installation
1. Install and activate WooCommerce.
2. Upload the plugin to `/wp-content/plugins/` or install it from **Plugins Add New**.
3. Activate **MKWebTech Variation Swatches for WooCommerce**.
4. Go to **Products Attributes** and choose the desired swatch type for an attribute.
5. Edit the attribute terms to configure colors, dual colors, images, and tooltip
text.
6. Configure the global settings under **WooCommerce MK Swatches**.
## FAQ
### Does the plugin replace WooCommerce variation dropdowns?
Yes, visually. The original WooCommerce variation dropdowns remain in the page and
continue to power variation selection, ensuring maximum compatibility with WooCommerce
and other plugins.
### What swatch types are supported?
The plugin supports:
* Color swatches
* Dual-color swatches
* Image swatches
### Does the plugin work on shop/archive pages?
Yes. Swatches can be displayed on both single product pages and product archive
pages.
### Is the plugin accessible?
Yes. The swatches are keyboard accessible and designed to work with screen readers.
### Does the plugin transmit store or customer data?
No. The plugin does not communicate with external services and includes no analytics
or tracking.
### Does it support WooCommerce HPOS?
Yes. The plugin declares compatibility with WooCommerce High-Performance Order Storage(
HPOS).
## Reviews
There are no reviews for this plugin.
## Contributors & Developers
“MKWebTech Variation Swatches for WooCommerce” is open source software. The following
people have contributed to this plugin.
Contributors
* [ mkwebtech ](https://profiles.wordpress.org/mkwebtecindia/)
[Translate “MKWebTech Variation Swatches for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/mkwebtech-variation-swatches-for-woocommerce)
### Interested in development?
[Browse the code](https://plugins.trac.wordpress.org/browser/mkwebtech-variation-swatches-for-woocommerce/),
check out the [SVN repository](https://plugins.svn.wordpress.org/mkwebtech-variation-swatches-for-woocommerce/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/mkwebtech-variation-swatches-for-woocommerce/)
by [RSS](https://plugins.trac.wordpress.org/log/mkwebtech-variation-swatches-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss).
## Changelog
#### 1.0.0
* Initial release.
## Meta
* Version **1.0.0**
* Last updated **7 hours ago**
* Active installations **Fewer than 10**
* WordPress version ** 6.4 or higher **
* Tested up to **7.0.2**
* PHP version ** 7.4 or higher **
* Tags
* [accessibility](https://wordpress.org/plugins/tags/accessibility/)[color swatches](https://wordpress.org/plugins/tags/color-swatches/)
[product attributes](https://wordpress.org/plugins/tags/product-attributes/)[variation swatches](https://wordpress.org/plugins/tags/variation-swatches/)
[woocommerce](https://wordpress.org/plugins/tags/woocommerce/)
* [Advanced View](https://wordpress.org/plugins/mkwebtech-variation-swatches-for-woocommerce/advanced/)
## Ratings
No reviews have been submitted yet.
[Your review](https://wordpress.org/support/plugin/mkwebtech-variation-swatches-for-woocommerce/reviews/#new-post)
[See all reviews](https://wordpress.org/support/plugin/mkwebtech-variation-swatches-for-woocommerce/reviews/)
## Contributors
* [ mkwebtech ](https://profiles.wordpress.org/mkwebtecindia/)
## Support
Got something to say? Need help?
[View support forum](https://wordpress.org/support/plugin/mkwebtech-variation-swatches-for-woocommerce/)