Product Variations Swatches for WooCommerce


Product Variations Swatches for WooCommerce is a professional plugin that allows you to show and select attributes for variation products. The plugin displays variation select options of the products under colors, buttons, images, variation images, radio so it helps the customers observe the products they need more visually, save time to find the wanted products than dropdown type for variations of a variable product.

Try the Demo |Documents |Pro Version | Facebook group

Important Notice:

  • Plugin works based on WooCommerce 5.x or higher, PHP 7.4+

  • It is released on and you can use plugin as free to build themes for sale.


Converting any variations dropdown type into swatches with a couple of clicks:
When you activate WooCommerce Product Variations Swatches plugin, the variation products in the dropdown type will be converted into the variation swatches.

Customizing the global attributes and custom attributes in the plugin setting:
This plugin allows you to customize quickly all existing global attributes in WooCommerce through the swatches setting of this plugin.

  • Search attribute: You can use the search bar to search for an existing global attribute

  • Display Style: You can set to display global attributes in 2 styles: Horizontal or vertical

  • Display Type: You can set to display global attributes in 5 types: Button, Color, Image, Variation Image, Radio

  • Swatches profile: You can select to show one of the available swatches profile

  • Edit terms of the global attributes: You can customize each attribute term of an existing global attribute

Swatches profiles:
WooCommerce Product Variations Swatches plugin allows you to design and style for swatches profiles.

  • Customizing a swatches profile: You can customize to display a default swatch design pattern: Name, Padding, Height, Width, Font size, the size on mobile mode, on the product list, Color, Box-shadow effect

  • Styling Hover status: You can customize the hover status including Color, Background, Border, Box-shadow effect, Reduce size

  • Styling Selected status: You can customize the display status when a variation swatch is selected. The customization includes Color, Background, Border, Box-shadow effect, Reduce size

  • Customizing Tooltip: You can customize the tooltip status when a variation swatch is selected. including Color, Border, Font size and Positions of the tooltip

Works on mobile: Woocommerce product variations swatches work perfectly on mobile devices

Easy to use: Friendly interface and easy to use


All features from free version

Unlimited Swatches profiles: You also can duplicate the current swatches profile to generate rapidly many swatch design patterns

Show the particular attributes on product list: this allows you to show/hide a particular attribute on the product list

Change product image: No matter type of swatches is, you can set image for each attribute term and make product image change accordingly when customer selects that attribute term

Disable out-of-stock variation items: Out-of-stock attribute combination can be automatically detected and displayed as blur or crossed-out, clickable or not or even hidden

Installing easily to display custom attributes of the variation products on the front end:
You can easily install to display custom attributes of the variations products on the front end by the custom attribute option.

  • Custom attribute name: You can enter the name of the existing attributes, then customize them rapidly

  • Assign category: Choose in which categories customizing the attribute be applied

  • Display Style: You can select to display custom attributes in 2 styles: Horizontal or vertical

  • Display Type: You can select to display custom attributes in 5 types: Button, Color, Image, Variation Image, Radio

  • Swatches profile: Selecting to show custom attributes in one of the available swatches profile

  • Show on product list: This allows you to show/hide a particular custom attribute on the product list

Display product variations swatches in the product list and assigned pages:
You can manage to show/hide the product variations swatches through some options in the display on the product list tab

  • Show Add to cart button: You can enable to show the Add to cart button and it will show up after selecting attributes

  • Show attribute name: You can select to show/hide the attribute name of variation swatches

  • Position: You can customize the positions of the variation swatch on the shop page, category page, and the products list

  • Text tooltip: This allows you to show or hide the variation text tooltip on the products list

  • Maximum attribute item: You can manage the number of the attribute items shown on the swatches


Plugin Links


Bulky – Bulk Edit Products for WooCommerce: Quickly and easily edit your products in bulk. This plugin will save you tons of time editing products.

Product Size Chart For WooCommerce: A simple but flexible solution to create size charts for your products

Checkout Upsell Funnel for WooCommerce: Offer product suggestions and smart order bumps on checkout page

Cart All In One For WooCommerce: All cart features you need in one simple plugin

Email Template Customizer for WooCommerce: Customize WooCommerce emails to make them more beautiful and professional after only several mouse clicks

Dropshipping and Fulfillment for AliExpress and WooCommerce: Free dropshipping solution – Transfer data from AliExpress products to WooCommerce effortlessly and fulfill AliExpress orders automatically

Orders Tracking for WooCommerce: Import orders tracking number and send tracking info to customers

Abandoned Cart Recovery For WooCommerce: Capture abandoned carts & send reminder emails to customers.

Import Shopify to WooCommerce: Import Shopify to WooCommerce plugin help you import all products from your Shopify store to WooCommerce

Customer Coupons for WooCommerce: Display coupons on your website

Virtual Reviews for WooCommerce: Virtual Reviews for WooCommerce helps generate virtual reviews, display canned reviews for newly created store

Sales Countdown Timer: Create a sense of urgency with a countdown to the beginning or end of sales, store launch or other events

EU Cookies Bar: A very simple plugin which helps your website comply with Cookie Law

Lucky Wheel for WooCommerce: Offer customers to spin for coupons by entering their emails.

WordPress Lucky Wheel: WordPress Lucky Wheel gives you the best solution to get emails address from visitors of your WordPress website

Advanced Product Information for WooCommerce: Display more intuitive information of products such as sale countdown, sale badges, who recently bought products, rank of products in their categories, available payment methods…

LookBook for WooCommerce: Create beautiful Lookbooks, Shoppable with Product Tags

Photo Reviews for WooCommerce: Allow posting reviews include product pictures, review reminder, review for coupons.

Product Builder for WooCommerce: Allows your customers to build a full product set from small parts step by step. The plugin works base on WooCommerce with many useful features like compatible, email completed product, attributes filters.

Boost Sales for WooCommerce: Increase profit on every single order with Up-selling and Cross-selling

Free Shipping Bar for WooCommerce: Use free shipping as a marketing tool, encourage customers to pay more for free shipping.

Notification for WooCommerce: Social Proof Marketing plugin. Live recent order on the front-end of your site.

Multi Currency for WooCommerce: Switches to different currencies easily and accepts payment with only one currency or all currencies.

Coupon Box for WooCommerce: Subscribe emails for discount coupons



  1. Unzip the download package
  2. Upload product-variations-swatches-for-woocommerce to the /wp-content/plugins/ directory
  3. Activate the plugin through the ‚Plugins‘ menu in WordPress


3. November 2021
I live it.. because i have only 1 product with a lot of variations this is a perfect plugin for me.
15. September 2021
good plugins meets expectations and VERY IMPORTANT !! does not interfere with the loading speed of my site. Buen plugins cumple con lo esperado y MUY IMPORTANTE!! no interfierecon la velocidad de carga de mi sitio
Alle 45 Rezensionen lesen

Mitwirkende & Entwickler

„Product Variations Swatches for WooCommerce“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:



/ – 2021.08.05/
– Fixed: Product not adding to cart correctly when using „Theme default“ swatches type

/ – 2021.08.03/
– Added: Unlock the Disable ‚out of stock‘ variation items option

/ – 2021.07.31/
– Fixed: „Out of stock“ style not applying
– Updated: Compatibility with WP5.8 and WC5.5
– Updated: Class VillaTheme_Support

/ – 2021.06.08/
– Fixed: „Out of stock“ check only runs after selecting an attribute

/ – 2021.06.05/
– Fixed: Custom attributes not saving correctly if attribute name contains special characters
– Updated: Product edit page: button „Add new“ -> „Add“, add button „Add new“ like WooCommerce which is to create a new term for global attributes

/ – 2021.03.01/
– Added: Reset settings general
– Fixed: Attribute image not saving

/ – 2021.02.20/
– Fixed: Tooltip position

/ – 2020.12.15/
– Fixed: Edit attribute on product editor page

/ – 2020.12.12/
– Fixed: save attribute on product editor page
– Updated: Compatibility with WP 5.6
– Updated: Delete image for attribute item
– Added: Enable/disable attribute title on single
– Added: Show selected attribute item on single
– Added: Import/ export settings general

/ – 2020.08.22/
– Fixed: Swatches select revert to attribute slug after add to cart

/ – 2020.08.12/
– Updated: Compatibility with WP5.5 and WC4.3

/ – 2020.06.29/
– Added: Add ajax variation threshold
– Added: Add default Swatches profile
– Added: Select multi value for global in the product edit page

/ – 2020.05.09/
– Fixed: Display color type and image type for custom attribute

/ – 2020.04.23/
– Update: support class

/ – 2020.04.22/
– Fixed: Style ‚Out of stock‘ swatches
– Updated: Update readme

/**1.0.1 – 2020.04.11/
– Fixed: Horizontal style