Color Swatches


Booster Product Variation Swatches is easy to use WooCommerce product variation swatches plugin. It offers an aesthetic and professional experience to select attributes for variation products. It turns the product variation select options fields into radio images, colors, and labels. It means with the help of this powerful WooCommerce color or image variation swatches plugin, you can show product variation items in images, colors, and labels. So, you can say goodbye to dropdown product attribute fields.

This module enables Auto Convert All Variation Dropdowns to Button Swatch by Default

Product Variation Swatches

Available in Booster Elite Bundle. Please check the main Enable Module checkbox to enable the feature.

Picture1 2

Convert default dropdowns to button

Enable / Disable
Default: yes

Attribute Display Style
Selected you want attributed need to rounded or square

Select the appereance type for wishlist feature. Possible values: Button; Text(Link).
Default: Text(link)

Color Variation Item Width
set the color variation width

Color Variation Item Height
Set the color variation height
Default: 15

Enable / Disable
Default: yes

Position Order
Sets the position or priority of the wishlist button or link.
Default: 30px

Image Variation Item Width
Set image variation width
Default: 30px

Image Variation Item Height
Set image variation height
Default: 30px

Button Variation Item Width
Set button variation height
Default: auto

Button Variation Item Height
Set button variation height
Default: auto

On Admin Panel, Products >> Attributes All global attributes are listed in the attribute section. After enabling Product Variation Swatches plugin, it adds the Booster Variation Swatches type field on add new attribute and exit attribute screen. You can select as per your requirement for example color, image, button.

Picture2 2


After setting the Booster Variation Swatches type field, you can set colors or images on the add/edit attribute terms page.



Frontend View:

Frnt View St



Accessible through:
  • WooCommerce > Settings > Booster >Products > Product Variation Swatches
Tested on WooCommerce 9.0.0 and WordPress 6.5.4