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
→ Attributes.” class=”wp-image-9000002″ srcset=”https://i0.wp.com/ps.w.org/mkwebtech-variation-swatches-for-woocommerce/assets/screenshot-2.png?rev=3612562&w=300 300w, https://i0.wp.com/ps.w.org/mkwebtech-variation-swatches-for-woocommerce/assets/screenshot-2.png?rev=3612562&w=600 600w, https://i0.wp.com/ps.w.org/mkwebtech-variation-swatches-for-woocommerce/assets/screenshot-2.png?rev=3612562&w=900 900w” sizes=”(max-width: 599px) 50vw, 33vw” width=”1920″ height=”953″ loading=”eager” fetchpriority=”high” decoding=”async”/>
Installation
- Install and activate WooCommerce.
- Upload the plugin to
/wp-content/plugins/or install it from Plugins Add New. - Activate MKWebTech Variation Swatches for WooCommerce.
- Go to Products Attributes and choose the desired swatch type for an attribute.
- Edit the attribute terms to configure colors, dual colors, images, and tooltip text.
- 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
Translate “MKWebTech Variation Swatches for WooCommerce” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.0.0
- Initial release.