Title: Variation Swatches for WooCommerce Stores Author: enweby Published: January 18, 2023 Last modified: January 21, 2026 --- Search plugins ![](https://ps.w.org/enweby-variation-swatches-for-woocommerce/assets/banner-772x250. jpg?rev=2850653) ![](https://ps.w.org/enweby-variation-swatches-for-woocommerce/assets/icon-128x128. png?rev=2850376) # Variation Swatches for WooCommerce Stores By [enweby](https://profiles.wordpress.org/enweby/) [Download](https://downloads.wordpress.org/plugin/enweby-variation-swatches-for-woocommerce.zip) * [Details](https://wordpress.org/plugins/enweby-variation-swatches-for-woocommerce/#description) * [Reviews](https://wordpress.org/plugins/enweby-variation-swatches-for-woocommerce/#reviews) * [Installation](https://wordpress.org/plugins/enweby-variation-swatches-for-woocommerce/#installation) * [Development](https://wordpress.org/plugins/enweby-variation-swatches-for-woocommerce/#developers) [Support](https://wordpress.org/support/plugin/enweby-variation-swatches-for-woocommerce/) ## Description Variation Swatches for WooCommerce plugin enables you to convert default WooCommerce product attribute dropdown into a stylish swatches. This plugin enables you to display product variants (like color, size, texture, etc.) in a stylish way to help customers to choose their preferred variant quickly and easily. This plugin is easy to use and manage. Bye bye to complicated setups and settings. Just install the plugin and all of your product variation will turn into beautiful and eye catching swatches. Unlike other plugins, this plugin will also work on shop or archive page also without any extra efforts. Variation Swatches plugin offers 4 types of display of variation namely color, image, button/label, and radio. Swatches plugin offers differnt shapes like Square, Circle, or rounded. Plugin also offers beautiful interactive tooltip to provide more information to customer. Variation Swatches for woocommerce plugin comes with tons of admin settings to change the styles and behavior of swatches. Variation swatches plugin changes your store’s product details and shop page into a stylish and eye catching page and enhances your customer’s engagement. ### View Demo 👉 [Plugin Demo](https://demos.enweby.com/shop/) ### Variation Swatches for WooCommerce Plugin Features **👉 Show/hide Swatches on shop/archive and category pages** Enable/disable Variation Swatches on archive/shop/category pages easily using admin. **👉 Supports 4 Different Swatch Types** Variation Swatches plugin supports for type of swatches 1. Image 2. Color 3. Label/Button 4. Radio **👉 Converts attributes into swatches** Plugin can automatically converts default woocommerce variation dropdowns into variation swatches instantly with a single click if you want to convert all variations drop-downs altogether. **👉 Swatch Shape Style** Plugin supports three types of shape style for swatches 1. Square. 2. Circle. 3. Rounded **👉 Clear selection on reselecting variation** Clear selection on clicking the selected swatch. **👉 Choose Selected Variation Style** The variation swatches plugin lets you highlight the selected swatch with a checkmark. You can customize the checkmark with specific color of your choice and size. **👉 Change style of of unavailable and out-of-stock variants** Customize unavailable or out-of-stock variations. Choose any of three below styles. 1. Blur with a cross. 2. Blur without cross. 3. Hide. **👉 Swatches for Product’s Custom Attributes** Swatches will also work for product’s custom attribute in the same way as variation attributes. Same styles and options available for custom attribute too like variation attribute. **👉 Tooltip for Variation Swatches** Swatches comes with handy tooltip which can be enabled/disabled through admin with one click. In free version it will display term name or custom text on text. Premium version comes with image in tooltip option. **👉 Tooltip Styling** Variation swatches comes with admin settings which you can use to style your tooltip. You can change background color and tooltip text color. **👉 Display Selected Variation Name** Variation Swatches displays selected variation name besides the attribute label. **👉 Display Default Selected Variation** Default Selection of variation can be enabled/disabled through admin easily. **👉 Swatches Size** The plugin provides you option to change swatches shape size and font size for both shop/archive and product pages. **👉 Customize Design & Style of Swatches** The plugin allows you to change design and styles of swatches. You can change background color, border color, text color, and styling on hover etc with just simply using admin options. Plugin allows you to choose different style for image/color swath type, label/button swatch type, and radio button swatch type. **👉 Custom CSS** This plugin also provides you option to write your custom css right in the plugin settings page if you or your developer ever wanted to use some custom css for this plugin. No need to install more plugin for this. This is inbuilt feature in this plugin. **👉 Set AJAX Variation Threshold** Variation swatches for wooCommerce plugin allows you to set the Ajax variation threshold value. So, based on this threshold value, the product availability check can be done through Ajax method or JavaScript. ### 👉 More Features * Plugin Built following wordpress coding standard. * Plugin supports debug mode if require by the developer. * Compatible with almost all popular quick view plugins. * Compatible with all popular themes & plugins. * Prompt & Free Support. * Allows user to write Custom CSS right in the admin settings. * Regular update to make your store up-to-date. ### Premium Features Premium version of the Variation Swatches for WooCommerce provides all free version features plus more advanced features to customize the settings and behavior, which further enhances the user experience. **👉 Display variation swatches on filter widget on layered nav** Premium version supports filer widget on layered navigation. Display of swatches on filter widget can be selected horizontally or vertically. **👉 Convert variation dropdown to images** Premium version offers option to convert default variation dropdown to images with just single click. In saves tons of time of the site owner. **👉 Make out of stock variation clickable** Premium version allows admin to decide whether he wants to enable out of stock items to be clickable or not. **👉 Make out of stock item disabled/unavailable** Premium version of product variation swatches also allows admin to decide whether he wants to make out of stock item to behave as disabled in wooCommerce store. This is very helpful to prevent your customer to get frustrated because of selecting out of stock items and redoing the process again. **👉 Display Stock Left alert** Premium plugin also allows to display stock left alert if stock becomes low in stock. **👉 Display Stock Left alert** Premium version allows admin to set qty so that stock left alert can be triggered based on this qty. **👉 Generate Variation Url link** Premium version allows admin to enable/disable generating sharable url link based on the attribute selected. This is very helpful if you want to promote product with specific variation. **👉 Variation Stock Info on Product Page** Premium version also allows admin to enable/disable displaying stock left label or out of stock label on product page only while keeping this feature on/off on archive page. **👉 Variation Stock Info Shop/Archive Page** Premium version also allows admin to enable/disable displaying stock left label or out of stock label on shop/archive page only while keeping this feature on/off on product page. **👉 Selected Variation Label on Shop/Archive Page** Using premium version you can display selected variation label near the term title on shop/archive page also. **👉 Default Variation Selection on Shop/Archive Page** Premium version supports default selection set in the product setting for shop/archive page also. **👉 Display Limit for Showing Variation Swatches on Shop/Archive Page** Premium version allows store owner to limit the display of swatches on shop/archive page. **Plugin Information** * [Plugin Site](https://www.enweby.com/product/variation-swatches-for-woocommerce/) * [Plugin Documentation](https://www.enweby.com/product/variation-swatches-for-woocommerce/#documentation/) * [Get Support](https://www.enweby.com/product/variation-swatches-for-woocommerce/#support/) * [Free Plugins on WordPress.org](https://profiles.wordpress.org/enweby/#content-plugins) * [More Free & Premium Plugins](https://www.enweby.com/product-category/wordpress-plugins) ## Screenshots [⌊Product Page⌉⌊Product Page⌉[ Product Page [⌊Shop/Archive Page⌉⌊Shop/Archive Page⌉[ Shop/Archive Page [⌊Plugin - Admin Dashboard⌉⌊Plugin - Admin Dashboard⌉[ Plugin – Admin Dashboard [⌊Plugin Settings - General Settings⌉⌊Plugin Settings - General Settings⌉[ Plugin Settings – General Settings [⌊Plugin Settings - Styling⌉⌊Plugin Settings - Styling⌉[ Plugin Settings – Styling [⌊Plugin Settings - Swatch Type Specific⌉⌊Plugin Settings - Swatch Type Specific⌉[ Plugin Settings – Swatch Type Specific [⌊Plugin Settings - Product Page⌉⌊Plugin Settings - Product Page⌉[ Plugin Settings – Product Page [⌊Plugin Settings - Custom Css⌉⌊Plugin Settings - Custom Css⌉[ Plugin Settings – Custom Css [⌊Plugin Settings - Debug⌉⌊Plugin Settings - Debug⌉[ Plugin Settings – Debug ## Installation **This section describes how to install the plugin and get it working.** #### EASY INSTALLATION (EASIEST WAY) To do an automatic install of ‘Variation Swatches for WooCommerce’, log in to your WordPress dashboard, navigate to the Plugins menu and click Add New. In the search field type ‘Variation Swatches for WooCommerce’ by Enweby. Once you have found it you can install it by simply clicking “Install Now” and then “Activate”. #### MANUAL INSTALLATION **Installing through WordPress Dashboard** * Download enweby-variation-swatches-for-woocommerce.zip * Navigate to the ‘Add New’ in the plugins dashboard * Navigate to the ‘Upload’ area * Select enweby-variation-swatches-for-woocommerce.zip from your computer * Click ‘Install Now’ * Activate the plugin in the Plugin dashboard **Using FTP** * Download enweby-variation-swatches-for-woocommerce.zip * Extract the enweby-variation-swatches-for-woocommerce.zip to your computer * Upload the enweby-variation-swatches-for-woocommerce directory to the /wp-content/ plugins/ directory * Activate the plugin in the Plugin dashboard ## FAQ ### Q. Where are this plugin’s Settings located? A. After activating the plugin, you will find a link ‘Variation Swatches’ on the left side navigation. Clicking it you will get a more other links. Click on ‘Variation Swatches’ link to change settings. ### Q. Does this plugin needs to be configured to make it work for the first time or all the settings are preconfigured? A. Plugins is already preconfigured with default settings. Just install the plugin and it will start working. ### Q. Will varitaion swatches work on archive/shop/category pages too ? A. Yes, product varition swatches will work on archive/shop/category/tag pages also. ### Q. Does this plugin support custom product attribute for varitaions also ? A. Yes, plugin support custom produt attributes for variations. ### Q. Can I change the behavior and desing/style of plugin ? A. Yes. This plugin is very handy and comes with lots of important admin settings, which can be used to change behavior and style/design of the plugin frontend display. ### Q. Does this plugin adds variation swatches on filter widget on layered nav ? A. Yes, preimum version adds variation swatches on filter widget on layered nav. ### Q. Is it compatible with any kinds of WooCommerce Theme ? A. Yes, product varition swatches plugin is compatible almost all modern and standard theme. If you have any issue, just create support ticket, sit back and relax. We will get back to you and fix things. ### Q. I have a question about the plugin or having conflict where should I contact to get support? A. You can create a support ticket on our [support page link](https://www.enweby.com/product/variation-swatches-for-woocommerce/#support/). We will try to respond to every question within 48 hours. ### Q. How can I request a feature or encourage future development? A. You can contact to our support team on our [support page link](https://www.enweby.com/product/variation-swatches-for-woocommerce/#support/) to request a feature or fix. We will try to respond to every question within 48 hours. ## Reviews ![](https://secure.gravatar.com/avatar/db7e3f7bc8f4ecf29ee2866de5cff43bab904e425ee46826e3e33cad69348b8a? s=60&d=retro&r=g) ### 󠀁[All in one and easy to use Excellent plugin](https://wordpress.org/support/topic/all-in-one-and-easy-to-use-excellent-plugin/)󠁿 [mehvishfatima01](https://profiles.wordpress.org/mehvishfatima01/) September 25, 2024 This plugin is a fantastic addition to your WooCommerce website. It allows for customizable swatches and gives you greater control. The customer service is excellent—they respond quickly and help you resolve any issues Special Thanks to Rajiv Farwaha! ![](https://secure.gravatar.com/avatar/cfe21481b7b6cc346138d00450e80519cc000f92aacfb2733ffd0d483f7be24b? s=60&d=retro&r=g) ### 󠀁[Excellent variation swatches plugin for WooCommerce](https://wordpress.org/support/topic/excellent-variation-swatches-plugin-for-woocommerce/)󠁿 [123clic](https://profiles.wordpress.org/123clic/) July 23, 2024 This user-friendly plugin is all you need to transform the variable product attributes into more attractive and clickable swatches, making your e-commerce site more engaging and easier to navigate. The support is also great. ![](https://secure.gravatar.com/avatar/3b7f992c2c71659fed1b6235975fa7fd89f854461f34d266e32f3d4215c5e552? s=60&d=retro&r=g) ### 󠀁[Great features, easy to configure](https://wordpress.org/support/topic/great-features-easy-to-configure/)󠁿 [mecsys](https://profiles.wordpress.org/mecsys/) July 18, 2024 Variation Swatches for WooCommerce plugin is highly functional, easy to configure, and full of fetures, even in the free version. Had one question and the support team was quick to respond and gave me the answer I needed. Highly recommend this plugin for displaying images on the Product order page ![](https://secure.gravatar.com/avatar/1f4dc79fbbe4dcfd0a079c2e304127b86f9a75f23edca584dd15499946626597? s=60&d=retro&r=g) ### 󠀁[Very good support and great plugin](https://wordpress.org/support/topic/very-good-support-and-great-plugin-2/)󠁿 [natsshop](https://profiles.wordpress.org/natsshop/) June 6, 2024 Great plugin with many important functions and the support helps immediately in a competent and friendly manner. Thank you for the help. ![](https://secure.gravatar.com/avatar/df3f2044ef25bde9df99822e2e00a62ff41155dc2cfa97efc8fc9377c9832eda? s=60&d=retro&r=g) ### 󠀁[Worth Trying](https://wordpress.org/support/topic/worth-trying-5/)󠁿 [totomoto74](https://profiles.wordpress.org/totomoto74/) January 11, 2024 It support the same functionality as more expensive options. So, test it! Support is fast and responsive, willing to tackle with your site if you have any issues. Worm recommendation from me. ![](https://secure.gravatar.com/avatar/46af78b3ba5f58447bfa002bfe32ca461fd5da0466f9b3bfbd446a62fb6de9d7? s=60&d=retro&r=g) ### 󠀁[Great plugin and support](https://wordpress.org/support/topic/great-plugin-and-support-1565/)󠁿 [renaud007](https://profiles.wordpress.org/renaud007/) June 19, 2023 2 replies I like how the products look with this plugin and I had an issue with how the plugin was working with the list mode outside of shop page and they fixed the issue really quick. Works perfect [ Read all 6 reviews ](https://wordpress.org/support/plugin/enweby-variation-swatches-for-woocommerce/reviews/) ## Contributors & Developers “Variation Swatches for WooCommerce Stores” is open source software. The following people have contributed to this plugin. Contributors * [ enweby ](https://profiles.wordpress.org/enweby/) * [ rajivfarwaha ](https://profiles.wordpress.org/rajivfarwaha/) * [ Freemius ](https://profiles.wordpress.org/freemius/) [Translate “Variation Swatches for WooCommerce Stores” into your language.](https://translate.wordpress.org/projects/wp-plugins/enweby-variation-swatches-for-woocommerce) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/enweby-variation-swatches-for-woocommerce/), check out the [SVN repository](https://plugins.svn.wordpress.org/enweby-variation-swatches-for-woocommerce/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/enweby-variation-swatches-for-woocommerce/) by [RSS](https://plugins.trac.wordpress.org/log/enweby-variation-swatches-for-woocommerce/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0.9 * Wp 6.8 compatibility fix. * Minro admin css bug fixed. #### 1.0.8 * Wp 6.7 compatibility fix. #### 1.0.7 * Individual swatch shape style added. * Wp 6.5 compatibility #### 1.0.6 * Clear on reselect enabled by default * Stock info minor issue fixed. * Wp 6.4 compatibility #### 1.0.5 * Admin layout enhancement * Stock left bug fixed. * Clear on reselect by defalt enabled #### 1.0.4 * Dual color functionality added * Woocommerce Coapitbility * Minor css issue fixed #### 1.0.3 * Admin layout changes * wp 6.2 Comapitbility #### 1.0.2 * CSS tweaks and fixes #### 1.0.1 * Css fixed. * Js bug fixed. * Woocommerce Compatibility maintained #### 1.0.0 * Initial Release. ## Meta * Version **1.0.9** * Last updated **5 months ago** * Active installations **200+** * WordPress version ** 5.6 or higher ** * Tested up to **6.9.4** * PHP version ** 7.2 or higher ** * Tags * [product variation swatches](https://wordpress.org/plugins/tags/product-variation-swatches/) [variation swatches](https://wordpress.org/plugins/tags/variation-swatches/)[woocommerce](https://wordpress.org/plugins/tags/woocommerce/) [woocommerce attributes](https://wordpress.org/plugins/tags/woocommerce-attributes/) [woocommerce variations](https://wordpress.org/plugins/tags/woocommerce-variations/) * [Advanced View](https://wordpress.org/plugins/enweby-variation-swatches-for-woocommerce/advanced/) ## Ratings 5 out of 5 stars. * [ 6 5-star reviews ](https://wordpress.org/support/plugin/enweby-variation-swatches-for-woocommerce/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/enweby-variation-swatches-for-woocommerce/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/enweby-variation-swatches-for-woocommerce/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/enweby-variation-swatches-for-woocommerce/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/enweby-variation-swatches-for-woocommerce/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/enweby-variation-swatches-for-woocommerce/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/enweby-variation-swatches-for-woocommerce/reviews/) ## Contributors * [ enweby ](https://profiles.wordpress.org/enweby/) * [ rajivfarwaha ](https://profiles.wordpress.org/rajivfarwaha/) * [ Freemius ](https://profiles.wordpress.org/freemius/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/enweby-variation-swatches-for-woocommerce/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.enweby.com/donate-now/)