Variation Swatches for WooCommerce Pro presents choices for WooCommerce variable products as visual or text-based swatches in place of standard dropdowns. Shoppers can select an option on the product page, and swatches are also supported in Quick View. The layout is responsive for mobile devices.

Product-page attribute choices

Assign a swatch type to each variation attribute, then set its terms to use colors, images, labels, or buttons. Radio swatches are also supported. Product settings control swatch shape and size, colors, backgrounds, borders, font color and size, and border size. For out-of-stock settings, choose a cross sign, blur, or hide treatment.

Archive and shop listing modes

Pro includes swatches to catalog, shop, archive, category, and tag pages. Choose how choices appear in archive and shop listings:

• Default: Show swatches inline beneath each product.
• On hover: Reveal swatches from the bottom of a product listing when a shopper hovers over it.
• Modal: Keep the Select options button and open swatches in a popup when it is clicked.

To keep listings compact, set an attribute display limit and display a more link after two or three attributes. Pro also works with dual-color swatches and dual-color Add to cart in category or archive pages.

Attribute groups and tooltip settings

Assign attribute terms to named swatch groups so long lists appear under group names. Groups can be set on attribute terms globally or overridden for an individual product; renaming a group does not break its existing assignments.

Tooltips can appear on product and product category pages. Pro supports picture variation tooltips in archive and shop listings, along with custom image or text tooltips. Text can be customized for a product or attribute.

Configure variation swatches

Install the extension in WordPress and choose a swatch type for each relevant variation attribute. Set the term colors, images, labels, or buttons, then adjust display and tooltip settings. Custom attributes and product-level overrides accommodate products with various variation setups. The plugin is described as compatible with popular WooCommerce themes and extensions; some themes may need CSS adjustments.