WPC Variation Swatches for WooCommerce


WPC Variation Swatches for WooCommerce will definitely kill the game for online shops and WooCommerce sites with an elegant, responsive look and impressive effects. There’s no better way to showcase your products in the best look and assist customers in choosing their preferred options. WPC Variation Swatches offers a variety of predefined styles for attributes of variable products, with the ability to use different selector types on a single product page and position tooltips at the best position for a great match with your theme/template.

More remarkably, WPC Variation Swatches is fully compatible with other WPC plugins, which offers the chance to use swatches on a Smart Bundle or Smart Grouped Product without the need to worry about the compatibility and experience.

Live demo

Visit our live demo here to see how this plugin works.

Key Features

  • Exquisite display for attributes & variations of variable products
  • Automatically set button swatches as the default type for all custom attributes
  • Allow multiple selector types in a single product page at users’ preferences
  • Up to 5 types for individual attributes: select, radio, button, color, image
  • Two elegant styles for bordering: square or rounded
  • Show/hide or choose a position for the tooltips
  • Blur out for inactive variations
  • Responsive display for both desktop and mobile devices
  • Enable/disable click again to undo the selection on current attribute
  • Enable swatches for shop/ archive page
  • Compatible with other WPC special product types: Smart Bundles, Grouped Product
  • Compatible display when added as Bought Together or Force Sells items
  • Optimized for supporting better display in RTL languages
  • WPML compatible for building multilingual sites

Various Selector Types On A Page

A notable highlight in the feature list of the WPC Variation Swatches plugin is the possibility to use up to 5 different types for attributes on a single product page.

From the admin dashboard, navigate to the Products section >> Attributes >> in the Type option of each attribute, click on the list you can find 5 different types:

  • Select (dropdown, default)
  • Radio
  • Buttons
  • Image
  • Color

For variable products that have 5 attributes as in our live demo, you can choose a suitable type for each attribute based on your preferences. This is truly useful for optimizing the appearance and arranging your product page for optimal user experience.

Buttons As Default Type For Custom Attributes

From the plugin settings, choose “Yes” for the “Button swatches by default” option to set button swatches as the default type for all custom attributes. This will save time when users need to configure the swatches type in bulk.

Note: Except for 2 default attributes by WooCommerce (size & color), all other custom attributes with a different name from these are supposed to have the default dropdown (Select) type. Turn this option on will replace the dropdown with button swatches for all custom attributes on your store automatically.

Other alternatives you might also like


  1. Please make sure that you installed WooCommerce
  2. Go to plugins in your dashboard and select “Add New”
  3. Search for “WPC Variation Swatches”, Install & Activate it
  4. Go to WP-admin > Products > Attributes to configure for attributes and terms


Leia 1 avaliação

Colaboradores e desenvolvedores

“WPC Variation Swatches for WooCommerce” é um software com código aberto. As seguintes pessoas contribuíram para este plugin.


Registro de alterações


  • Updated: Optimized the code


  • Fixed: Attributes ordering


  • Updated: Compatible with WordPress 5.8 & WooCommerce 5.6


  • Fixed: AJAX add-to-cart on archive page


  • Updated: Compatible with WordPress 5.8 & WooCommerce 5.5.2
  • Fixed: Change image when choosing variation


  • Added: Filter hook: wpcvs_archive_atc_text_selector


  • Added: Filter hooks: wpcvs_archive_product_selector, wpcvs_archive_image_selector, wpcvs_archive_atc_selector


  • Added: Product ID for shortcode [wpcvs_archive], e.g [wpcvs_archive id=”99″]


  • Fixed: Change image when choosing variation


  • Added: Enable swatches for shop/ archive page


  • Fixed: Work with other quick view plugins


  • Updated: Compatible with WordPress 5.7 & WooCommerce 5.1


  • Updated: Optimized the code


  • Fixed: Minor JS issue
  • Added: Enable/disable click again to undo the selection on current attribute


  • Added: Radio type


  • Fixed: Some minor CSS issues


  • Added: Square & Rounded style


  • Released