WooCommerce Variation Swatches Pro

WooCommerce Variation Swatches replaces standard dropdown menus with visual swatches such as colors, images, buttons, and radio options. As a result, customers can select product variations more quickly and clearly.

Instead of opening a dropdown list, users see available options directly on the product page. Therefore, the selection process becomes faster and more intuitive.

Moreover, the plugin automatically converts variations into image swatches when a featured image exists. Consequently, store owners do not need to configure each variation manually.

In addition, the plugin displays swatches on catalog and archive pages. This allows customers to preview product options before opening the product page.

Furthermore, tooltips provide extra information about each variation. For example, users can view either image or text tooltips to better understand product attributes.

At the same time, the plugin supports dual-color swatches, which helps display products with two color variations in one option.

Meanwhile, Quick View compatibility ensures that swatches appear in modal product previews. As a result, customers can select variations without leaving the page.

The plugin also offers product-level customization. Therefore, store owners can override global settings for individual products.

Additionally, features such as stock visibility, variation links, and out-of-stock styling improve usability and clarity.

Overall, WooCommerce Variation Swatches provides a structured way to present product variations visually across product pages, archive pages, and Quick View layouts.

Key Features

Visual Swatch Types
Convert dropdowns into color, image, button, radio, and label swatches.

Automatic Image Swatches
Display variation images automatically when featured images exist.

Catalog Page Swatches
Show variation options directly on shop and archive pages.

Image & Text Tooltips
Display additional variation details on hover.

Dual-Color Swatches
Represent two colors within one variation.

Quick View Support
Show swatches inside product lightboxes.

Single Attribute Display
Choose which attribute appears on shop pages.

MORE Button Alignment
Limit visible swatches to maintain clean layouts.

Variation Image Switching
Change gallery images by selecting one attribute.

Direct Variation Links
Share links that open specific product variations.

Product-Based Customization
Override global swatch settings per product.

Stock Visibility Control
Show, blur, or hide out-of-stock variations.

Shape Options
Use rounded or square swatches.

Remaining Stock Display
Show available quantity for each variation.

Grouped Variations
Organize swatches by category or group.

Custom Tooltip Styling
Edit tooltip text, colors, and backgrounds.

Theme Compatibility
Works with major WooCommerce themes.

CSS Control
Disable default styles and apply custom CSS.

Request a Theme or Plugin

If you’re looking for a specific WordPress theme, plugin, script, or design tool that isn’t currently listed on Spodly, don’t worry! We have a large library of themes and plugins available.
You can request any item you need using our product request form.