Title: Variation Swatches for WooCommerce Author: acowebs Published: May 5, 2021 Last modified: June 12, 2024 --- Search plugins ![](https://ps.w.org/aco-variation-swatches-for-woocommerce/assets/banner-772x250. png?rev=2826480) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/aco-variation-swatches-for-woocommerce/assets/icon-256x256. png?rev=2826480) # Variation Swatches for WooCommerce By [acowebs](https://profiles.wordpress.org/acowebs/) [Download](https://downloads.wordpress.org/plugin/aco-variation-swatches-for-woocommerce.1.2.6.zip) * [Details](https://wordpress.org/plugins/aco-variation-swatches-for-woocommerce/#description) * [Reviews](https://wordpress.org/plugins/aco-variation-swatches-for-woocommerce/#reviews) * [Installation](https://wordpress.org/plugins/aco-variation-swatches-for-woocommerce/#installation) * [Development](https://wordpress.org/plugins/aco-variation-swatches-for-woocommerce/#developers) [Support](https://wordpress.org/support/plugin/aco-variation-swatches-for-woocommerce/) ## Description 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](http://wvs-free.demo2.acowebs.com/wp-admin/admin.php?page=acovsw-attributes#/) | [Documentations](https://acowebs.com/guideline/plugin-docs-faqs/variation-swatches-for-woocommerce/) | [Pro Version](https://acowebs.com/variation-swatches-for-woocommerce/) ### HOW TO CUSTOMIZE ATTRIBUTES IN VARIATION SWATCHES FOR WOOCOMMERCE PLUGIN? 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. ### BASIC FEATURES OF VARIATION SWATCHES FOR WOOCOMMERCE 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](http://wvs-free.demo2.acowebs.com/wp-admin/admin.php?page=acovsw-attributes#/) 🔗 [Frontend Demo](http://wvs-free.demo2.acowebs.com/) 🔗 [Product Page](http://wvs-free.demo2.acowebs.com/product/hoodie/) ### PREMIUM FEATURES VARIATION SWATCHES FOR WOOCOMMERCE 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](https://variation-swatches.demo2.acowebs.com/product/hoodie/) 🔗 [Back end Demo](https://variation-swatches.demo2.acowebs.com/wp-admin/admin.php?page=acovsw-attributes#/) ### DOCUMENTATIONS (Variation Swatches for WooCommerce) 🔗 [Basic Setup Instructions](https://acowebs.com/guideline/plugin-docs-faqs/variation-swatches-for-woocommerce/basic-setup-instructions/) 🔗 [How to add swatches for a product?](https://acowebs.com/guideline/plugin-docs-faqs/variation-swatches-for-woocommerce/how-to-add-swatches-for-a-product/) 🔗 [How can I show Swatches in the Product listing page?](https://acowebs.com/guideline/plugin-docs-faqs/variation-swatches-for-woocommerce/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](https://acowebs.com/woocommerce-plugins/). ### 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.” ### OTHER USEFUL LINKS 🔗 [Find all PRO features](https://acowebs.com/variation-swatches-for-woocommerce/) 🔗 [Documentation](https://acowebs.com/variation-swatches-for-woocommerce/) 🔗 [Find Our Other Plugins](https://acowebs.com/woocommerce-plugins/) 🔗 [Support Ticket](https://support.acowebs.com/portal/en/newticket) 🔗 [Facebook](https://www.facebook.com/acowebs) 🔗 [Twitter](https://twitter.com/acowebs) 🔗 [YouTube](https://www.youtube.com/channel/UCXoOjbKiXjDocNMe8qd3WHw) ## Screenshots [⌊General Settings⌉⌊General Settings⌉[ General Settings [⌊Label Settings⌉⌊Label Settings⌉[ Label Settings [⌊Radio Settings⌉⌊Radio Settings⌉[ Radio Settings [⌊Color Settings⌉⌊Color Settings⌉[ Color Settings [⌊Image Settings⌉⌊Image Settings⌉[ Image Settings [⌊Tooltip Settings⌉⌊Tooltip Settings⌉[ Tooltip Settings [⌊Swatches Options (Image Selection)⌉⌊Swatches Options (Image Selection)⌉[ Swatches Options (Image Selection) [⌊Swatches Options (Color Selection)⌉⌊Swatches Options (Color Selection)⌉[ Swatches Options (Color Selection) [⌊Color Swatches Frontend⌉⌊Color Swatches Frontend⌉[ Color Swatches Frontend [⌊Image Swatches Frontend⌉⌊Image Swatches Frontend⌉[ Image Swatches Frontend ## Installation 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 WordPress.org 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 ## FAQ ### 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. ## Reviews ![](https://secure.gravatar.com/avatar/95419cfe70e66faa14e8d0eabbf4f6778ae40525f44070e3cefc6d636204ef36? s=60&d=retro&r=g) ### 󠀁[One of the best swatches plugin](https://wordpress.org/support/topic/one-of-the-best-swatches-plugin/)󠁿 [marcrix](https://profiles.wordpress.org/marcrix/) October 19, 2022 I have installed the plugin which is working perfectly! I had a question and the support answered very quickly. Very recommended 👌 [ Read all 1 review ](https://wordpress.org/support/plugin/aco-variation-swatches-for-woocommerce/reviews/) ## Contributors & Developers “Variation Swatches for WooCommerce” is open source software. The following people have contributed to this plugin. Contributors * [ acowebs ](https://profiles.wordpress.org/acowebs/) “Variation Swatches for WooCommerce” has been translated into 4 locales. Thank you to [the translators](https://translate.wordpress.org/projects/wp-plugins/aco-variation-swatches-for-woocommerce/contributors) for their contributions. [Translate “Variation Swatches for WooCommerce” into your language.](https://translate.wordpress.org/projects/wp-plugins/aco-variation-swatches-for-woocommerce) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/aco-variation-swatches-for-woocommerce/), check out the [SVN repository](https://plugins.svn.wordpress.org/aco-variation-swatches-for-woocommerce/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/aco-variation-swatches-for-woocommerce/) by [RSS](https://plugins.trac.wordpress.org/log/aco-variation-swatches-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.2.6 * Support for WordPress 6.4 * Support for WooCommerce 8.4 #### 1.2.5 * Support for WordPress 6.2 and WooCommerce 7.5 * Quickview compatibility fix #### 1.2.4 * Support for WooCommerce 7.1 and WordPress 6.1 #### 1.2.3 * [Bug Fix]: Undefined index in class-acovsw-options.php on line 447 #### 1.2.2 * Support for WooCommerce 7.0 #### 1.2.1 * [Bug Fix]: PHP Warning #### 1.2.0 * Support for WooCommerce 6.9 * [Bug Fix]: Swatches admin loading issue #### 1.1.9 * [Bug Fix]: Tooltip display issue #### 1.1.8 * UI Update #### 1.1.7 * Support for WooCommerce 6.8 #### 1.1.6 * Support for WooCommerce 6.7 #### 1.1.5 * Support for WooCommerce 6.6 #### 1.1.4 * Support for WordPress 6.0 #### 1.1.3 * Support for WooCommerce 6.5 #### 1.1.2 * Support for WooCommerce 6.4 #### 1.1.1 * UI Update #### 1.1.0 * Support for WooCommerce 6.3 #### 1.0.9 * Support for WooCommerce 6.1 and WordPress 5.9 #### 1.0.8 * Support for WooCommerce 6.0 #### 1.0.7 * Support for WooCommerce 5.8 #### 1.0.6 * [Bug Fix]: Custom Attributes CSS fix #### 1.0.5 * Support for WooCommerce 5.6.0 and WordPress 5.8.1 * Added custom attributes support #### 1.0.4 * Support for WooCommerce 5.5.1 and WordPress 5.8.0 #### 1.0.3 * Support for WooCommerce 5.5.0 #### 1.0.2 * Support for WooCommerce 5.4.0 #### 1.0.1 * Support for WooCommerce 5.3.0 #### 1.0.0 * 2021-05-04 * Initial release (beta) ## Meta * Version **1.2.6** * Last updated **2 years ago** * Active installations **40+** * WordPress version ** 4.9 or higher ** * Tested up to **6.4.8** * Languages * [Dutch](https://nl.wordpress.org/plugins/aco-variation-swatches-for-woocommerce/), [English (US)](https://wordpress.org/plugins/aco-variation-swatches-for-woocommerce/), [Russian](https://ru.wordpress.org/plugins/aco-variation-swatches-for-woocommerce/), [Spanish (Chile)](https://cl.wordpress.org/plugins/aco-variation-swatches-for-woocommerce/), and [Spanish (Spain)](https://es.wordpress.org/plugins/aco-variation-swatches-for-woocommerce/). * [Translate into your language](https://translate.wordpress.org/projects/wp-plugins/aco-variation-swatches-for-woocommerce) * Tags * [variation swatches](https://wordpress.org/plugins/tags/variation-swatches/)[variation swatches for woocommerce](https://wordpress.org/plugins/tags/variation-swatches-for-woocommerce/) [woocommerce variation swatches](https://wordpress.org/plugins/tags/woocommerce-variation-swatches/) * [Advanced View](https://wordpress.org/plugins/aco-variation-swatches-for-woocommerce/advanced/) ## Ratings 5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/aco-variation-swatches-for-woocommerce/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/aco-variation-swatches-for-woocommerce/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/aco-variation-swatches-for-woocommerce/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/aco-variation-swatches-for-woocommerce/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/aco-variation-swatches-for-woocommerce/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/aco-variation-swatches-for-woocommerce/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/aco-variation-swatches-for-woocommerce/reviews/) ## Contributors * [ acowebs ](https://profiles.wordpress.org/acowebs/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/aco-variation-swatches-for-woocommerce/)