Configure how product attributes appear

WCBoost Variation Swatches PRO replaces default WooCommerce variation dropdowns with selectable color, image, label, or button swatches. Choose a format that fits each option: colors for apparel, images for patterns or finishes, labels for sizes, and buttons for styles or other attribute values. Settings let you adjust swatch shape, size, border, spacing, alignment, and related styling.

Tooltips can show an attribute name or description when a shopper inspects a swatch. This includes context for options that need explanation or when longer labels take up space in a product listing.

Show choices across product pages and catalogs

Swatches can appear on individual product pages and on shop, category, and tag archives. Shoppers can preview available options as they browse these catalog pages. For variable products, archive purchasing lets them choose a variation and purchase it directly from the archive. Simple products can show selected swatches when they have the relevant attributes.

Automatic image swatches use variation images to convert default WooCommerce dropdowns into image options. You do not need to create each image option manually. For products with combined color choices, dual- and multi-color swatches can represent several colors at once.

Set up swatches for a shop

Start by choosing swatch types for the product attributes you want to show. Configure their appearance, then select whether swatches should appear on product pages, catalog pages, or archives. Enable tooltips when an attribute name or description will help shoppers understand an option.

Where they fit the product range, enable archive purchasing for variable products, automatic image swatches, or dual- and multi-color designs. Clothing catalogs can use swatches for colors and sizes, while accessory stores can show finishes or patterns as visual options.