Variation Swatches for WooCommerce


WooCommerce Variation Swatches Plugin is a reliable extension that can perform wonders on your product attributes with robust UI. Use Aco Variation swatches for WooCommerce to turn your product attributes into striking and vibrant swatches to suit your theme styles.

Design labels, colors, images, or radio swatches and say goodbye to the normal dropdowns. With Variation Swatches for Woocommerce, you can exhibit the variation of the products in terms of their different properties.

Try the Demo | Documentations | Pro Version


Once you activate the Aco Variation Swatches for the WooCommerce plugin, move to the Variation Swatches menu in the WordPress admin menu bar. Choose settings and set your default styles for Woocommerce swatches. Finally, go to the Variation Swatches category and specify the desired type and style.


WooCommerce Product Variation Swatches plugin has an easy-to-use UI with features to turn your product attributes into wonderful swatches that offer extensive User experience. The users don’t have to reveal the drop-down field and view which are the variations available for the product. Users can instantly choose their preferred variation without making additional clicks or spending more time.

Here are the WooCommerce Variation Swatches Plugin Basic Features:

✅ Customize product attributes to suit your theme styles.

✅ Lets you effortlessly change your ordinary product variation dropdowns into color, labels, radio, and image swatches.

✅ Robust and easy-to-use User Interface.

✅ Display text tooltip on the swatches with features to enable tooltip styles customization.

✅ Offers compatibility with popular WooCommerce plugins

✅ Secured and frequently updated codebase

✅ Feature to reorder the product attribute variation swatches

✅ Great compatibility with the popular WooCommerce themes


Check how Woocommerce Variation Swatches plugin options are created!
🔗 Backend Demo
🔗 Frontend Demo
🔗 Product Page


WooCommerce Variation Swatches is a great option that helps you draw the customers’ attention to your store and let you customize the shop page.

For a website, you can build numerous design types. With variation swatches for WooCommerce, you can quickly choose the design of created swatches that fits the needs of your store to improve the appeal.

Here are the features of the Swatches plugin premium version:

✅ All the features of the demo version.

✅ Auto-conversion of all dropdowns to the image swatch if the variation incorporates a featured image set.

✅ Feature to set Multi-color variation swatches.

✅ Display the entire image, color, label, and radio attribute swatches in category/ catalog/ archive/ shop/ store pages.

✅ Enable the conversion of manual attribute variations into image, color, and label swatches.

✅ Feature to select squared and rounded attribute variation swatches for the same product.

✅ Option to blur or hide the out-of-stock variation swatches.

✅ Border styling for the WooCommerce swatches.

✅ Customization of tooltip text and the background color.

✅ Make the size of the selected attribute variation larger than the default attribute variations.


Check how Woocommerce Variation Swatches plugin options are created!
🔗 Front end Demo
🔗 Back end Demo


🔗 Basic Setup Instructions
🔗 How to add swatches for a product?
🔗 How can I show Swatches in the Product listing page?

Why Acowebs?

Acowebs provides promising and reliable WooCommerce plugins and Shopify apps to the customers with an amazing User Experience. Being an award-winning software firm, we develop top-notch themes and WordPress plugins at your convenience to supercharge the in-store experience. With our ample expertise, we deliver stunning WooCommerce plugins with remarkable features and outstanding UX to the customers.

Check out our other WordPress plugins here.

What our customer says:

“The plugin works amazingly and is great even with the demo version. Variation swatches have helped me to customize the product variations and drive more customers to the store with the appeal it provides. Thanks to the entire team for their continued support!”

“WordPress variation swatches elevate both functional and aesthetic elements of the store with beautiful swatches. I would give a 5/5 rating without hesitation, for the User experience and amazing features the plugin offers.”


🔗 Find all PRO features
🔗 Documentation
🔗 Find Our Other Plugins
🔗 Support Ticket
🔗 Facebook
🔗 Twitter
🔗 YouTube

سکرین شاٹاں

  • General Settings
  • Label Settings
  • Radio Settings
  • Color Settings
  • Image Settings
  • Tooltip Settings
  • Swatches Options (Image Selection)
  • Swatches Options (Color Selection)
  • Color Swatches Frontend
  • Image Swatches Frontend

انسٹال کرݨ

Installing “Variation Swatches for WooCommerce” can be done either by searching for “Variation Swatches for WooCommerce” via the “Plugins > Add New” screen in your WordPress dashboard, or by using the following steps:

  1. Download the plugin via
  2. Upload the ZIP file through the ‘Plugins > Add New > Upload’ screen in your WordPress dashboard
  3. Activate the plugin through the ‘Plugins’ menu in WordPress

ہرہک دے سوال

Can I customize the Swatches styles from the backend?

Yes, with Woocommerce product variation swatches, you can customize the swatches style from the backend.

Can I use custom colors for product attributes in the WooCommerce swatches plugin?

Yes, you can, use the custom colors, set the woocommerce color swatches swatches type as colors, and choose your preferred color.

Can I use the variation swatches plugin for custom images for attributes?

Yes you can, just set the swatches type as images and select / upload your image.


اکتوبر 19, 2022
I have installed the plugin which is working perfectly! I had a question and the support answered very quickly. Very recommended 👌
سارے 1 ریویو پڑھو

Contributors & Developers

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

حصہ پاوݨ آلے

“Variation Swatches for WooCommerce” has been translated into 3 locales. Thank you to the translators for their contributions.

“Variation Swatches for WooCommerce” دا آپݨی زبان وچ ترجمہ کرو۔

ڈیویلپمنٹ وچ دلچسپی ہے؟

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

تبدیلی لاگ


  • Support for WordPress 6.2 and WooCommerce 7.5
  • Quickview compatibility fix


  • Support for WooCommerce 7.1 and WordPress 6.1


  • [Bug Fix]: Undefined index in class-acovsw-options.php on line 447


  • Support for WooCommerce 7.0


  • [Bug Fix]: PHP Warning


  • Support for WooCommerce 6.9
  • [Bug Fix]: Swatches admin loading issue


  • [Bug Fix]: Tooltip display issue


  • UI Update


  • Support for WooCommerce 6.8


  • Support for WooCommerce 6.7


  • Support for WooCommerce 6.6


  • Support for WordPress 6.0


  • Support for WooCommerce 6.5


  • Support for WooCommerce 6.4


  • UI Update


  • Support for WooCommerce 6.3


  • Support for WooCommerce 6.1 and WordPress 5.9


  • Support for WooCommerce 6.0


  • Support for WooCommerce 5.8


  • [Bug Fix]: Custom Attributes CSS fix


  • Support for WooCommerce 5.6.0 and WordPress 5.8.1
  • Added custom attributes support


  • Support for WooCommerce 5.5.1 and WordPress 5.8.0


  • Support for WooCommerce 5.5.0


  • Support for WooCommerce 5.4.0


  • Support for WooCommerce 5.3.0


  • 2021-05-04
  • Initial release (beta)