WCBoost – Variation Swatches


WCBoost – Variation Swatches plugin provides a much nicer way to display variations of variable products. This plugin will help you to set the style for each attribute as color, image, label, or button. With this plugin, you can present product colors, sizes, styles, and many things in a better way that is not supported by WooCommerce.
This plugin only adds more options to show product variations with swatches. It doesn’t touch the default drop-down style of WooCommerce.

With a friendly and easy-to-use interface, you can add default color, image, or label to each attribute on the attributes management page. It can also help you pick the right style for quick-add attributes right inside the editing product page.

Why store owners and develoeprs choose this plugin

This plugin truly cares about your website. It is not only developed to add functionality to your store but also to care about the performance, SEO score, and your customers. This plugin is carefully developed by experienced developers.

  1. It works with all themes. No more customzation, it will work with your theme in the first run. With the API this plugin provides, theme developers are also able to make it more beatiful and suitable with the style of the theme.
  2. It is very easy to use, even with beginners.
  3. You own and control your data – forever. This plugin won’t never take any data from your store.
  4. It will not mess up your admin dashboard with new menu and strange pages. It follows and uses the standards options of WooCommerce. You will find it is very easy to use.
  5. No Ads, of course. This is a free plugin but it doesn’t mean you have to accept Ads in your admin dashboard.
  6. It is easy to customize. Even if you are not a developer, with some simple CSS or snippet, you are able to customize the product swatches swatches.
  7. It is light weight. With a simple feature like this, you don’t need to concern how it impact to your website’s speed.

Features provided with this plugin

  • Completely integrate with WooCommerce plugin
  • Work on variable product only
  • Auto convert the default dropdowns to buttons
  • Enable Color swatches for product attributes
  • Enable Image swatches for product attributes
  • Enable Label/Text swatches for product attributes
  • Enable Button swatches for product attributes
  • Manage attribute swatches globally
  • Edit product swatches for every single product
  • Control the style of swatches, include shape, size, etc.
  • Enable tooltip for swatches
  • Provide inner API that allow themes/plugins to extend
  • Create new attribute swatch in product editing page


  • Variation swatches with StoreFront theme
  • Attribute swatches type "Color"
  • Attribute swatches type "Image"
  • Attribute swatches type "Label"
  • Manage attribute swatches in each variable product


Automatic installation

Automatic installation is the easiest option as WordPress handles the file transfers itself and you don’t need to leave your web browser.

  1. Log in to your WordPress dashboard, navigate to the Plugins menu and click Add New.
  2. In the search field type “WCBoost – Variation Swatches” and click Search Plugins.
  3. Once you’ve found it, you can install it by simply clicking Install Now button.

Manual Installation

  1. Download the WCBoost – Variation Swatches plugin to your desktop.
  2. Extract the plugin folder to your desktop.
  3. Read through the “readme” file thoroughly to ensure you follow the installation instructions.
  4. With your FTP program, upload the Plugin folder to the wp-content/plugins folder in your WordPress directory online.
  5. Go to Plugins screen and find the “WCBoost – Variation Swatches” in the list.
  6. Click Activate to activate it.

Config attributes

Even this plugin has been installed and activated on your site, variable products will still show dropdowns if you’ve not configured product attributes.

  1. Log in to your WordPress dashboard, navigate to the Products menu and click Attributes.
  2. Click to attribute name to edit an exists attribute or in the Add New Attribute form you will see the default Type selector.
  3. Click to that Type selector to change attribute’s type. Besides default options Select and Text, there are more 3 options Color, Image, Label to choose.
  4. Select the suitable type for your attribute and click Save Change/Add attribute
  5. Go back to manage attributes screen. Click the cog icon on the right side of attribute to start editing terms.
  6. Start adding new terms or editing exists terms. There is will be a new option at the end of form that let you choose the color, upload image or type the label for those terms.


Will this plugin work with my theme?

Yes, it will work with any theme, but may requires some styling to make it match nicely.

Does it work with Multisite?

Yes, it does work with WordPress multisite.

How to configure attribute swatches?

By default, this plugin will convert all variation dropdowns to buttons (Of course, you can disable this feature with a single option in the Customizer > WooCommerce). You are able to change them to other swatches types.
You just need to login to the admin dashboard, then navigate to Product > Attributes menu to edit product attributes and change the type. You can change it to Color, Image, Label or Button. Then you need to edit/add attribute terms to set the color, upload image or set the label the present for that attribute term.

Where are plugin’s options

Following the standards of WordPress and WooCommerce, you can find all the settings that relate to the appearance of your website in Appearance > Customize. The settings of this plugin are in Customize > WooCommerce > Variation Swatches section.

How to disable out-of-stock swatches

WooCommerce has an option to hide out-of-stock products from the catalog, it works for the variation swatches too. You just need to enable this option in WooCommerce > Products > Inventory. It is the option “Out of stock visibility”.


መስከረም 12, 2023
Agree with the first 2 reviews - Simple, lightweight, does the job just perfect! Well done to the author!!
ሓምለ 13, 2023
I tested 7 plugins from the wordpress.org repository and out of 7 plugins, only 2 turned out to be good. Of the 2 remaining plugins, this one turned out to be the best, and all because it: Does not contain ads (customer sites should not see ads) Doesn't add any new menus Works perfect Does not contain unnecessary settings Many thanks to the authors, keep up the good work, you made a great product. I recommend this plugin to everyone and I myself will now use it on all sites with WooCommerce.
ግንቦት 4, 2022
This is a great plugin that adds only adds, what should be available by default in WooCommerce. No unnessesary settings or upsells. Thank you.
Read all 3 reviews

Contributors & Developers

“WCBoost – Variation Swatches” is open source software. The following people have contributed to this plugin.


“WCBoost – Variation Swatches” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “WCBoost – Variation Swatches” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



  • Added support for the WooCommerce HPOS feature.
  • Ensured compatibility with WordPress 6.3
  • Ensured compatibility with WooCommerce 8.0


  • Improve the accessibility


  • Fix missing files issue


  • Add a new filter hook for swatche output
  • Fix js error when the attribute slug contains double quotes


  • Tested the compatibility with the latest version of WordPress and WooCommerce.


  • Improve the compatibility with multilingual plugins


  • Fix wrong spelling keywords


  • Update WordPress and WooCommerce compatibility
  • Tweak the js function to control swatches items state independently


  • Compatible with plugin WooCommerce Product Bundles


  • Fix the issue of incorrect swatches data with custom attributes


  • Fix the compability issue that cannot mapping the option of another plugin
  • Fix the issue of attribute type is not reset to “Select” when deactivating the plugin


  • Add a new option to show the label of selected attributes
  • Fix the style of round button swatches
  • Fix some security issues with the translation of the plugin


  • Fix the issue of incorrect swatches display


  • Add a new js event to support third-party plugins.


  • Initial release.