Connect visual options with catalog browsing

WCBoost Variation Swatches PRO replaces standard WooCommerce variation dropdowns with selectable color, image, label, or button swatches. The attribute helps determine which format fits: colors for color choices, pictures for patterns or finishes, labels for sizes, and buttons for styles or other values. Settings control swatch shape, size, border, spacing, alignment, and related styling.

Swatches can appear on individual product pages and on shop, category, and tag archives. In the catalog, shoppers can preview options while browsing. For variable products, archive purchasing lets them select a variation and purchase it from those pages. Simple products with relevant attributes can display selected swatches as well.

Image options, combined colors, and tooltips

Automatic image swatches use a product’s variation images for selectable image options, without requiring each image option to be created manually. Dual- and multi-color swatches can represent several colors together when a product has combined color options.

Tooltips can display an attribute name or description when a shopper inspects a swatch. They add context when an image or color needs explanation, or when labels would take up too much space in a product listing.

These options suit clothing catalogs with color and size choices, accessory stores with various finishes, and product ranges with image-based patterns. Archive purchasing is useful when shoppers compare variable products from shop or category pages. Simple product swatch displays have a narrower purpose: they show selected swatches when the relevant attributes are present.

Set up and check the catalog display

Add WCBoost Variation Swatches PRO to your WooCommerce website, then configure swatch types and display settings for product attributes. Choose whether swatches appear on individual product pages, catalog pages, or archives. Adjust their appearance and tooltips, then enable archive purchasing, automatic image swatches, or dual- and multi-color designs where they fit your products.

Check a product page and the relevant shop, category, or tag archive to confirm that swatches appear in the selected format. For a variable product on an archive, check that shoppers can select a variation and purchase it there. For a simple product, check for selected swatches when it has relevant attributes.