MK WebTech
WordPress Plugin

MKWebTech Variation Swatches for WooCommerce

Replace supported WooCommerce variation dropdowns with accessible color, dual-color, and image swatches while keeping the native select workflow intact.

DownloadDocumentation Support
MKWebTech Variation Swatches for WooCommerce
Overview

What MKWebTech Variation Swatches for WooCommerce does

Overview

MKWebTech Variation Swatches for WooCommerce turns supported product variation dropdowns into clean visual controls for color, dual-color, and image attributes.

The plugin is designed for stores that want a lightweight swatch experience without replacing WooCommerce variation behavior. It keeps native select elements available for WooCommerce compatibility while adding accessible buttons for shoppers.

Usage

Create or edit a global product attribute, choose a supported MK attribute type, configure the terms, then use that attribute for product variations.

Store-wide display controls are available under WooCommerce -> MK Swatches.

Screenshots

Designed for clear daily workflows

WooCommerce product page showing color and image swatches
Product-page swatches for color, dual-color, and image-based variation attributes.
WordPress admin settings for swatch style controls
Focused settings for product pages, archives, styling, unavailable options, and asset loading.
Features

Product capabilities

Color, dual-color, and image swatches for WooCommerce global attributes
Product page and archive page swatch rendering
Native WooCommerce select elements remain in place for variation compatibility
Blur, cross-out, or disable unavailable variation options
Tooltip support for helpful option labels
Rounded and square swatch styles with configurable size controls
Keyboard navigation, ARIA labels, and screen-reader-friendly selected value updates
Conditional frontend assets for lighter stores
Benefits

Why teams install it

Help shoppers compare product options faster than plain dropdowns
Keep variation forms compatible with WooCommerce and common AJAX workflows
Show visual product choices without adding heavy frontend dependencies
Give store owners simple controls for the swatch experience
Installation

Launch path

  1. 1

    Install and activate WooCommerce.

  2. 2

    Install MKWebTech Variation Swatches for WooCommerce from WordPress.org when the listing is available.

  3. 3

    Go to Products -> Attributes and choose MK Color, MK Dual Color, or MK Image for supported attributes.

  4. 4

    Edit attribute terms to configure color values, secondary colors, images, and optional tooltip text.

  5. 5

    Adjust display behavior under WooCommerce -> MK Swatches.

FAQ

Common questions

Changelog

Recent improvements

1.0.0 initial release with color, dual-color, and image swatches for WooCommerce variable products.
Documentation

Guides and references

WordPress setup docs

General MK WebTech setup notes for WordPress plugins.

WordPress.org plugin page

Official listing for downloads, screenshots, FAQ, changelog, and support after directory approval.

Pricing

Choose the right plan

Free

Free

Built as a lightweight WooCommerce swatch plugin for WordPress stores.

  • Color, dual-color, and image swatch types
  • Product and archive display controls
  • Accessibility-focused frontend interactions
Support

Get help when it matters

WordPress.org support forum

Ask support questions through the official WordPress.org plugin forum after the plugin is listed.

Open support

Contact MK WebTech

Reach out for product questions, compatibility notes, or implementation help.

Open support