Skip to main content
ConvertivoGet Convertivo

Find products faster

Variation Swatchesfor WooCommerce.

When a variation already has an image, Convertivo uses it automatically as the image swatch, while attributes without images can appear as clear text choices.

CONVERTIVO MODULEVariation SwatchesEnable it when your store needs it.

In the storefront

Screenshot 01WooCommerce variable product page using image swatches for colour variations and text swatches for sizes

What it does

Automatic WooCommerce image swatches from assigned variation images

Turn existing variation images into polished swatches automatically, with text choices where an image is unnecessary.

How Variation Swatches works

Replace variation dropdowns with image or text swatches across product, archive, search, and quick view.

Controls for your store

  • Choose the swatch attribute and automatically use each variation’s assigned product image as its image swatch
  • Use text swatches for attributes that do not need an image, such as size
  • Responsive visible limits, dimensions, spacing, tooltips, hover, and active states
  • Out-of-stock presentation, gallery switching, archive/search support, and shareable direct-link behaviour

Where Variation Swatches fits in WooCommerce

Automatic image sourcing removes manual swatch setup while text swatches keep non-visual choices clear. Convertivo does not create a separate flat-colour swatch type.

Features and settings

Variation Swatches capabilities at a glance

See what the module adds to WooCommerce and the controls available to shape it for your store.

Variation Swatches features and configurable settings
FeatureWhat it providesSettings and controls
Automatic image swatchesAutomatically create image swatches from the images already assigned to product variations.Choose the swatch attribute and automatically use each variation’s assigned product image as its image swatch
Text swatchesUse image swatches or text swatches for configured variable-product attributes.Use text swatches for attributes that do not need an image, such as size
Responsive displayKeep the same visual choices across product pages, archives, Live Search, and compatible quick-view experiences.Responsive visible limits, dimensions, spacing, tooltips, hover, and active states
Variation behaviourAutomatic image sourcing removes manual swatch setup while text swatches keep non-visual choices clear. Convertivo does not create a separate flat-colour swatch type.Out-of-stock presentation, gallery switching, archive/search support, and shareable direct-link behaviour

Best for

When Variation Swatches is the right fit

Variable-product stores that want polished image and text choices without manually assigning a separate swatch image to every variation.

Related features

Common questions

Variation Swatches FAQs

Practical answers based on the controls and integrations included in the current Convertivo module.

Do I need to upload separate swatch images?

Not necessarily. Convertivo can use images already assigned to product variations as image swatches for the configured attributes.

Where can variation swatches appear?

Swatches can be used on product pages, archives, Live Search, Recently Viewed sections and compatible Quick View experiences.

How are unavailable choices handled?

Out-of-stock non-colour choices can use a diagonal cross, border removal or both, while variation behaviour and optional shareable image-attribute links remain configurable.

Ready when your store is

Make this moment
work harder.

Get Convertivo
Open original image ↗