Variation Swatches for WooCommerce


Variation Swatches for WooCommerce 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 Variation Swatches for WooCommerce 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

DEMO (Variation Swatches for WooCommerce) – CHECK THIS OUT IN REAL

Check how (Variation Swatches for WooCommerce) plugin options are created!
🔗 Backend Demo
🔗 Frontend Demo
🔗 Product Page


Variation Swatches for WooCommerce 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.

PRO-Version(Variation Swatches for WooCommerce) – CHECK THIS OUT

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

DOCUMENTATIONS (Variation Swatches for WooCommerce)

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

Why Variation Swatches for WooCommerce 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.

Other Plugins from Acowebs which are compatible with Variation Swatches for WooCommerce

• WooCommerce Custom Product Add-ons
• WooCommerce Dynamic Pricing With Discount Rules
• WooCommerce Deposits & Partial Payments
• WooCommerce Checkout Field Editor and Manager
• WooCommerce Product Labels
• WooCommerce PDF Invoices and Packing Slips
• WooCommerce Product Table
• WooCommerce Quick View

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 جائزو پڙهو

تعاون ڪندڙ & ڊولپرز

“Variation Swatches for WooCommerce” اوپن سورس سافٽ ويئر آهي. ھيٺين ماڻھن ھن پلگ ان ۾ حصو ورتو آھي.

تعاون ڪندڙ

جمع: “Variation Swatches for WooCommerce” 3 جڳهن ۾ ترجمو ڪيو ويو آهي. ترجمي ڪندڙن جي مهرباني سندن تعاون لاءِ.

ترجمو ڪريو “Variation Swatches for WooCommerce” توهان جي ٻولي ۾.

ڊولپمينٽ ۾ دلچسپي؟

ڪوڊ براؤز ڪريو، چيڪ ڪريو SVN مخزن، يا رڪنيت حاصل ڪريو ڊولپمينٽ لاگ پاران RSS.

لاگ تبدیل ڪريو


  • Support for WordPress 6.4
  • Support for WooCommerce 8.4


  • 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)