Visual variation choices for WooCommerce
Smart Variation Swatches for WooCommerce Pro helps stores present product options in a clearer, more visual format. Instead of relying only on standard attribute dropdowns, shoppers can choose from color swatches, image thumbnails, text labels, and other form-style controls on variable products.
The Pro edition builds on the plugin’s core variation swatch tools with additional attribute types, expanded archive settings, richer filtering, and more flexibility for products using one or several attributes. It is suitable for catalogs such as apparel, cosmetics, furniture, electronics, wallpapers, fabrics, phone cases, and other products where customers need to compare options quickly.
Supported swatch and attribute types
Use global WooCommerce attributes to define how product terms appear. A color attribute can display as circles or squares assigned through hex-based colors. An image attribute can show thumbnails for patterns, finishes, styles, or product photos. Button or label options can present short text for sizes, materials, or pack types.
The plugin also supports the native Select type when a dropdown remains the most suitable presentation. Pro adds Radio and Checkbox attribute types for form-style choices when visual chips are not ideal.
Pro capabilities
- Radio and Checkbox attributes: Offer additional ways to present product selections.
- Advanced archive options: Gain fuller control over where and how swatches appear on shop and category pages.
- Enhanced filter widget: Let visitors filter catalogs by color, image, and other attributes with a richer swatch interface in sidebars and widget areas.
- Single- and multi-attribute flexibility: Configure products with one attribute or combine multiple attributes with Pro-level overrides.
- Priority support: Receive faster help when assistance is needed.
Practical store workflows
For fashion stores, combine color swatches with label-based size options. For beauty catalogs, use color terms to represent shades. Home and décor stores can use image attributes for patterns, fabrics, wallpapers, and finishes. Product archive controls and enhanced filters can help shoppers browse attribute-rich catalogs from shop and category pages.
Global settings allow a consistent approach across the store, while product-level configuration supports single-attribute and multi-attribute setups. The plugin also includes style controls such as shape, size, spacing, borders, button colors, tooltips, out-of-stock display styles, and the option to hide the original dropdown.
Installation and setup
Install and activate Smart Variation Swatches for WooCommerce Pro, then open Variation Swatches → Dashboard for an overview. Go to Products → Attributes and choose an attribute type such as Color, Image, Button/Label, Radio, or Checkbox. Configure the attribute terms, assign colors or upload images where applicable, and add the attribute to variable products before creating their variations.
Use Variation Swatches → Settings to adjust style and tooltip options. The plugin works with most WooCommerce-ready themes, although highly customized variation templates may need light CSS or template adjustments for a precise match.
