Variation Swatches for WooCommerce Pro

Variation Swatches for WooCommerce replaces the default variation dropdowns with color, image and button or label swatches. Customers pick colors, sizes and styles directly instead of opening dropdowns one by one.

You set an attribute's type to Color, Image or Button/Label under Products > Attributes, then set a color, image or label for each term. Swatch types can be mixed across attributes on the same product, such as color swatches with size buttons. If a variation has a featured image, it is used as the image swatch. You can type a color name like "Forest Green" and the plugin looks up a matching shade.

Swatches can be round or square, and you control their size on the product page from the settings screen. A text tooltip shows extra detail on hover, and the selected variation name can appear beside the attribute label. Premium adds a per-product shape override and image tooltips.