WPC Variation Swatches for WooCommerce Plugin

WPC Variation Swatches for WooCommerce will definitely kill the game for online shops and WooCommerce sites with an elegant, responsive look and impressive effects. There’s no better way to showcase your products in the best look and assist customers in choosing their preferred options. WPC Variation Swatches offers a variety of predefined styles for attributes of variable products, with the ability to use different selector types on a single product page and position tooltips at the best position for a great match with your theme/template.

More remarkably, WPC Variation Swatches is fully compatible with other WPC plugins, which offers the chance to use swatches on a Smart Bundle, Frequently Bought Together, Force Sells or Smart Grouped Product without the need to worry about the compatibility and experience.

Live demo

Visit our live demo here to see how this plugin works.

Key Features

• Exquisite display for attributes & variations of variable products
• Automatically set button swatches as the default type for all custom attributes
• Allow multiple selector types in a single product page at users’ preferences
• Up to 5 types for individual attributes: select, radio, button, color, image
• Two elegant styles for bordering: square or rounded
• Show/hide or choose a position for the tooltips
• Blur out for inactive variations
• Responsive display for both desktop and mobile devices
• Enable/disable click again to undo the selection on current attribute
• Enable swatches for shop/ archive page
• Compatible with other WPC special product types: Smart Bundles, Grouped Product
• Compatible display when added as Bought Together or Force Sells items
• Optimized for supporting better display in RTL languages
• WPML compatible for building multilingual sites

Wanna save your precious time working on variations? Try our brand-new free plugin WPC Variation Bulk Editor and WPC Variation Duplicator.

Various Selector Types On A Page

A notable highlight in the feature list of the WPC Variation Swatches plugin is the possibility to use up to 5 different types for attributes on a single product page.

From the admin dashboard, navigate to the Products section >> Attributes >> in the Type option of each attribute, click on the list you can find 5 different types:

• Select (dropdown, default)
• Radio
• Buttons
• Image
• Color

For variable products that have 5 attributes as in our live demo, you can choose a suitable type for each attribute based on your preferences. This is truly useful for optimizing the appearance and arranging your product page for optimal user experience.

Buttons As Default Type For Custom Attributes

From the plugin settings, choose “Yes” for the “Button swatches by default” option to set button swatches as the default type for all custom attributes. This will save time when users need to configure the swatches type in bulk.

Note: Except for 2 default attributes by WooCommerce (size & color), all other custom attributes with a different name from these are supposed to have the default dropdown (Select) type. Turn this option on will replace the dropdown with button swatches for all custom attributes on your store automatically.

Other alternatives you might also like

• WPC Variations Radio Buttons
• WPC Variations Table
• WPC Show Single Variations
• WPC Linked Variation
• WPC Smart Messages

1. Please make sure that you installed WooCommerce
2. Go to plugins in your dashboard and select “Add New”
3. Search for “WPC Variation Swatches”, Install & Activate it
4. Go to WP-admin > Products > Attributes to configure for attributes and terms

4.1.6

• Added: Option to change the product link when choosing attribute term

4.1.5

• Fixed: Minor CSS/JS issues in the backend
• Updated: Compatible with WP 6.6 & Woo 9.1

4.1.4

• Added: Change the product URL on the archive page when selecting attributes

4.1.3

• Fixed: The more button for the archive page

4.1.2

• Fixed: Minor CSS/JS issues in the backend
• Updated: Compatible with WP 6.5 & Woo 9.0

4.1.1

• Fixed: Rounded style

4.1.0

• Added: Show label together with swatches
• Fixed: Minor CSS/JS issues in the backend

4.0.4

• Updated: Optimized the code
• Updated: Compatible with WP 6.5 & Woo 8.8

4.0.3

• Updated: Compatible with WP 6.4 & Woo 8.7

4.0.2

• Updated: Compatible with WP 6.4 & Woo 8.5

4.0.1

• Updated: Compatible with WPC External Variations

4.0.0

• Added: Term groups
• Updated: Optimized the code

3.2.2

• Fixed: Can’t click on term when setting default values

3.2.1

• Fixed: Minor CSS/JS issues in the backend

3.2.0

• Added: Stacked layout for swatches on the single product page

3.1.2

• Added: Parameter ‘hide’ and ‘link’ for shortcode [wpcvs_archive], for example: [wpcvs_archive hide=”pa_size,pa_color” link=”true”]

3.1.1

• Added: Change the URL on address bar when choosing attribute term

3.1.0

• Added: Replace product name/price/description on single product page
• Updated: Optimized the code

3.0.1

• Fixed: Minor CSS/JS issues in the backend

3.0.0

• Added: New tooltip library to show attribute’s name, description, image, etc.

2.3.4

• Fixed: Minor JS issue

2.3.3

• Fixed: Disable unavailable attribute on the page loaded

2.3.2

• Fixed: Minor CSS/JS issues in the backend

2.3.1

• Added: Limit terms for each attribute on archive page

2.3.0

• Added: Localization tab

2.2.4

• Fixed: Minor JS issue

2.2.3

• Updated: Optimized the code

2.2.2

• Fixed: Error with custom attribute name

2.2.1

• Added: Compatible with WPC Smart Messages for WooCommerce

2.2.0

• Added: Function ‘get_settings’ & ‘get_setting’

2.1.4

• Added: Filter hooks ‘wpcvs_term_class’, ‘wpcvs_term_html’, ‘wpcvs_terms_class’, ‘wpcvs_terms_html’

2.1.3

• Updated: Optimized the code

2.1.2

• Fixed: Notice on settings page

2.1.1

• Updated: Compatible with WordPress 5.9 & WooCommerce 6.4

2.1.0

• Updated: Optimized the code

2.0.9

• Updated: Optimized the code

2.0.8

• Fixed: Attributes ordering

2.0.7

• Updated: Compatible with WordPress 5.8 & WooCommerce 5.6

2.0.6

• Fixed: AJAX add-to-cart on archive page

2.0.5

• Updated: Compatible with WordPress 5.8 & WooCommerce 5.5.2
• Fixed: Change image when choosing variation

2.0.4

• Added: Filter hook: wpcvs_archive_atc_text_selector

2.0.3

• Added: Filter hooks: wpcvs_archive_product_selector, wpcvs_archive_image_selector, wpcvs_archive_atc_selector

2.0.2

• Added: Product ID for shortcode [wpcvs_archive], e.g [wpcvs_archive id=”99″]

2.0.1

• Fixed: Change image when choosing variation

2.0.0

• Added: Enable swatches for shop/ archive page

1.2.0

• Fixed: Work with other quick view plugins

1.1.2

• Updated: Compatible with WordPress 5.7 & WooCommerce 5.1

1.1.1

• Updated: Optimized the code

1.1.0

• Fixed: Minor JS issue
• Added: Enable/disable click again to undo the selection on current attribute

1.0.3

• Added: Radio type

1.0.2

• Fixed: Some minor CSS issues

1.0.1

• Added: Square & Rounded style

1.0.0

• Released