With WooCommerce Product Variations Swatches Plugin you can show and select attributes for variations products in much better style. The plugin displays variations select options of the products under colors, buttons, images, variation images, radio and helps the customers observe the products they need more visually which save time to find the wanted products than dropdown type for variations of a variable product.

When product variations swatches plugin is installed, the variation products in the dropdown type will be converted into the variation swatches. These swatches can also be visible at product listing pages for each products so users does not need to go to each product to check whether the size or color they wanted is available or not.

This plugin allows you to customize quickly all existing global attributes in WooCommerce through the swatches setting of this plugin and can can easily install to display custom attributes of the variations products by the custom attribute feature in the plugin with option of show/hide the product variations swatches through some options in the display on the product list tab. It allows you to design and style for unlimited swatches profiles.


  • Search attribute: You can use the search bar to search for an existing global attribute.
  • Display Style: You can set to display global custom 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 profiles and show custom attributes in one of the available swatches profile.
  • Show on product list: this allows you to show/hide an existing global attribute or a particular custom attribute on the product list.
  • Edit terms of the global attributes: You can customize each attribute term of an existing global attribute.
  • 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.
  • 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 variations swatch is selected. The customization includes Color, Background, Border, Box-shadow effect, Reduce size.
  • Customizing Tooltip: You can customize the tooltip status when a variations swatch is selected. including Color, Border, Font size and Positions of the tooltip.
  • Clone/remove: You also can duplicate the current swatches profile to generate rapidly many swatch design patterns.
  • 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 variations swatches.
  • Position: You can customize the positions of the variations swatches on the shop page, category page, and the products list.
  • Text tooltip: This allows you to show or hide the variations text tooltip on the products list.
  • Maximum attribute item: You can manage the number of the attribute items shown on the swatches.
  • Auto-update: The plugin will auto-update whenever there is a new version.
  • Works on mobile: WooCommerce Product Variations Swatches work perfectly on mobile devices.
  • Easy to use: Friendly interface and easy to use.


Additional information








Chrome, Firefox, Opera, Safari


WooCommerce 3.6.x, WooCommerce 3.7.x, WooCommerce 3.8.x, WooCommerce 3.9.x, WooCommerce 4.0.x, WooCommerce 4.1.x, WooCommerce 4.2.x, WooCommerce 4.3.x


WordPress 5.0.x, WordPress 5.1.x, WordPress 5.2.x, WordPress 5.3.x, WordPress 5.4.x, WordPress 5.5.x


CSS Files, JS Files, PHP Files




Well Documented

There are no reviews yet.

Be the first to review “WooCommerce Product Variations Swatches Plugin”

Your email address will not be published. Required fields are marked *

A swatch is a image typically shows the key difference between variation products in relation to a product variation attribute. Instead of selecting from dropdown, you can give option to select visually in form of text.
Yes, like multiple attributes for a variable product the swatches can also be used for multiple attributes such as swatches for color, style, material size, etc.
Pricing can be managed in a similar way like you manage simple dropdown variable for the product. With each selection price of the product will be different as per added while creating variation.

$55.00 $20.00

WooCommerce Product Variations Swatches Plugin - Variation Swatches on Product page & Shop Page
  • Lifetime Future product updates
  • Highly Secured & Quality Coding
  • Free support for 3 Months
  • Best price guarantee

  • 17 Sales
  • 0 Ratings