FAIR

Federated and Independent Repositories

MKWebTech Variation Swatches for WooCommerce

Plugin Banner

MKWebTech Variation Swatches for WooCommerce

by mkwebtech

Download
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.

  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.
  1. Color variation swatches displayed on a variable product.

    Color variation swatches displayed on a variable product.

  2. Configure swatch types under <strong>Products → Attributes</strong>.

    Configure swatch types under Products → Attributes.

  3. General settings.

    General settings.

  4. Style settings.

    Style settings.

  5. Shop and archive page settings.

    Shop and archive page settings.

  6. Single product page settings.

    Single product page settings.

  7. Advanced settings.

    Advanced settings.

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).

1.0.0

  • Initial release.
Back to top