Smart Variation Swatches for WooCommerce Pro

Smart Variation Swatches for WooCommerce Pro lets stores select how attribute terms appear on variable products. A color term can use a hex-based circle or square, while an picture thumbnail can show a pattern, finish, or style. Short text labels work for choices such as sizes, materials, and pack types. Keep the native Select dropdown when a list fits the settings better.

Match the control to the attribute

• Color: Assign hex-based colors to global attribute terms and show them as circles or squares.
• Image: Use thumbnails for patterns, fabrics, finishes, styles, or product photos.
• Button/Label: Show short text choices, such as sizes, materials, or pack types.
• Select: Retain the native dropdown for attributes that suit a list.
• Radio and Checkbox: Use these Pro attribute types for form-style choices when swatches are not a good fit.

These controls can support apparel color and size options, beauty shades, or décor patterns and fabrics.

Product settings and catalog browsing

Global settings keep attribute displays consistent across the store. Product-level configuration supports products with one attribute or several, with Pro overrides for additional flexibility. Style options include shape, size, spacing, borders, button colors, tooltips, out-of-stock display styles, and hiding the original dropdown.

Advanced archive options provide more control over where and how swatches appear on shop and category pages. The enhanced filter widget lets users filter by color, image, and other attributes in sidebars and widget areas. Pro also includes priority support for faster help when assistance is needed.

Set up attributes and variations

Install and activate Smart Variation Swatches for WooCommerce Pro, then open Variation Swatches → Dashboard. Go to Products → Attributes and choose a type such as Color, Image, Button/Label, Radio, or Checkbox. Configure the terms by assigning colors or uploading pictures where applicable. Add the attribute to variable products before creating their variations.

Use Variation Swatches → Settings to adjust styles and tooltips. The plugin works with most WooCommerce-ready themes. Highly customized variation templates may need light CSS or template adjustments to match the theme.