Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "e_display_conditions_trigger". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "e_display_conditions". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_motion_fx_scrolling". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_translateY_effect". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_translateY_direction". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_translateY_speed". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_translateY_affectedRange". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_translateX_effect". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_translateX_direction". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_translateX_speed". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_translateX_affectedRange". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_opacity_effect". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_opacity_direction". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_opacity_level". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_opacity_range". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_blur_effect". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_blur_direction". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_blur_level". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_blur_range". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_rotateZ_effect". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_rotateZ_direction". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_rotateZ_speed". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_rotateZ_affectedRange". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_scale_effect". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_scale_direction". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_scale_speed". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_scale_range". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_transform_origin_x". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_transform_origin_y". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_devices". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_range". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_motion_fx_mouse". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_mouseTrack_effect". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_mouseTrack_direction". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_mouseTrack_speed". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_tilt_effect". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_tilt_direction". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "motion_fx_tilt_speed". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "handle_motion_fx_asset_loading". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "sticky". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "sticky_on". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "sticky_offset". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "sticky_offset_tablet". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "sticky_offset_mobile". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "sticky_effects_offset". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "sticky_effects_offset_tablet". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "sticky_effects_offset_mobile". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "sticky_anchor_link_offset". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "sticky_anchor_link_offset_tablet". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "sticky_anchor_link_offset_mobile". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "anchor_offset_description". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "sticky_parent". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114

Notice: Function Elementor\Controls_Manager::add_control_to_stack was called incorrectly. Cannot redeclare control with same name "sticky_divider". Please see Debugging in WordPress for more information. (This message was added in version 1.0.0.) in /usr/www/users/plugil/wp-includes/functions.php on line 6114
Product Variation Swatches for WooCommerce Review 2025 – Features, Pros & Cons | Plugin-guru.com

New Feature: Earn 12 Badges

Bild

Collect up to 12 exclusive badges by sharing your plugin collections and engaging with the community.

See all Badges
Product Variation Swatches for WooCommerce
Product Variation Swatches for WooCommerce

by PluginEver

Description
Product Variation Swatches for WooCommerce is an exciting WooCommerce extension that allows you to display product variations with nice color, image and text/label swatches for your variable products.
Product Variation Swatches for WooCommerce will allow you to change the default dropdown fields for variable products offered by WooCommerce. You must acknowledge that your store visitors prefer a graphical or visual representation of various product attributes. Visual representation also helps to promote a professional and polished look of your store.
With Product Variation Swatches for WooCommerce you can add exciting and descriptive visual looks for your variable products with just a few simple steps. The exciting swatches will give your store visitors an impressive experience and turn visitors into customers.
Product Variation Swatches for WooCommerce Features:
Change the default WooCommerce dropdown to exciting clickable swatches.
Add color swatches for color attributes.
Add image swatches for image attributes.
Add text swatches for label/size attributes.
You can add numerous terms under each attribute.
Enable or disable plugin default stylesheet.
Change the attribute behavior for disabled attributes.
Select different swatch styles (round or square).
Ability to adjust swatch (width and height).
Show or hide tooltip for each product attribute.
Option to customize tooltip {font size, background color, text color}.
Ability to enable or disable border style for swatches with custom color.
How will Product Variation Swatches for WooCommerce benefit you:
Flexible customization options to illustrate your taste and best store appearance.
Get an exciting look for the product page of variable products.
Customers will be able to pick their desired product instantly.
Easy to use features will increase your productivity.
Convert visitors into customers effortlessly.
Installation:
Installing Product Variation Swatches for WooCommerce is conventional like most WordPress plugin installation. There should not be any problem for you.
The only requirement for before you install Product Variation Swatches for WooCommerce is that you must have WooCommerce installed and activated in your store. As the plugin works on WooCommerce products you will get a warning if WooCommerce is missing. To be on the safe side please make sure you have WooCommerce (minimum version 3.00) installed and activated.
How does Product Variation Swatches for WooCommerce Work:
You can get started with Product Variation Swatches for WooCommerce in just a few steps. First of all, go to the “Attributes” section under WooCommerce “Product” menu. You will find some default attributes that already exist there. Delete the existing attributes from there. Now add new attributes from the “Add new attribute” option. Select the type from the dropdown option and then finally add them. There are three different “types” {Color, Image & Label} that you can choose.
Now you have to configure terms for those attributes. Under the color attribute, you can add different color names and choose a color for them from the color picker. For the images, you have to upload images and give them proper term names. You can also use existing images here. Finally, for the label attribute choose a name and any number of characters for the swatch terms. You can add or modify the terms at any time you want.
Finally, you have to add them to your variable products. Go to the edit product section of your variable products. Find variations from the product meta box section and delete the existing variations from there. If there are no variations added then you can skip this step.
Next, you have to add the new variations for your product from the “Attributes” meta box. Click on the attribute name and select values for it.
You can either select all or specific values related to a product.
One last step, go to variations and make all the combinations that you need for your variations. Once you save changes and update your product the beautiful swatches will appear for your product.
Compatibility:
Product Variation Swatches for WooCommerce requires WooCommerce and the minimum required version is 3.00. Apart from that, it is compatible with all WooCommerce themes. Though we did not experience any problem but there can be issues as WordPress and WooCommerce host a huge number of themes and plugins.

All texts and images on this product page are protected by copyright and are the property of the author PluginEver. You will be redirected to the retailer to download the plugin. We act solely as a search engine for plugins and are not affiliated with the retailer or PluginEver.

Tags

Free Plugin

4.0
Reviews
Last Update
2 years ago
All trademarks, logos and brand names are the property of their respective owners. All company, product and service names used in this website are for identification purposes only. The WordPress® trademark is the intellectual property of the WordPress Foundation

Collections

Wordpress

  • 13 Plugins
  • 3 Views
Really Simple Security – Simple and Performant Security (formerly Really Simple SSL)
Forminator Forms – Contact Form, Payment Form & Custom Form Builder
Yoast SEO
Site Kit by Google – Analytics, Search Console, AdSense, Speed

slider

  • 1 Plugin
  • 1 Views
Photo Gallery, Sliders, Proofing and Themes – NextGEN Gallery

Yeer

  • 1 Plugin
  • 2 Views
Autoptimize

Optimisation Plugins

  • 1 Plugin
  • 6 Views
Smush Image Optimization – Optimize Images | Compress & Lazy Load Images | Convert WebP | Image CDN

Best Speed Plugins

  • 4 Plugins
  • 1 Views
LiteSpeed Cache
WP Fastest Cache
WP-Optimize – Cache, Compress images, Minify & Clean database to boost page speed & performance
10Web Booster – Website speed optimization, Cache & Page Speed optimizer

Must-Have Plugins

  • 9 Plugins
  • 52 Views
Elementor Website Builder – More than Just a Page Builder
Yoast SEO
All-in-One WP Migration and Backup
Wordfence Security – Firewall, Malware Scan, and Login Security

Best Security Plugins

  • 3 Plugins
  • 2 Views
Jetpack – WP Security, Backup, Speed, & Growth
Wordfence Security – Firewall, Malware Scan, and Login Security
Solid Security – Password, Two Factor Authentication, and Brute Force Protection

Best Member Plugins

  • 5 Plugins
  • 2 Views
Paid Memberships Pro – Content Restriction, User Registration, & Paid Subscriptions
Ultimate Membership Pro - WordPress Membership Plugin
Ultimate Member – User Profile, Registration, Login, Member Directory, Content Restriction & Membership Plugin
Paid Membership Plugin, Ecommerce, User Registration Form, Login Form, User Profile & Restrict Content – ProfilePress

Best Recruitment Website Plugins

  • 3 Plugins
  • 4 Views
WP Job Openings – Job Listing, Career Page and Recruitment Plugin
Smush Image Optimization – Optimize Images | Compress & Lazy Load Images | Convert WebP | Image CDN
WP Job Manager

Cookie Plugins

  • 3 Plugins
  • 10 Views
CookieYes – Cookie Banner for Cookie Consent (Easy to setup GDPR/CCPA Compliant Cookie Notice)
Autoptimize
Complianz – GDPR/CCPA Cookie Consent

Donation Plugins

  • 2 Plugins
  • 18 Views
Charitable – Donation Plugin for WordPress – Fundraising with Recurring Donations & More
GiveWP – Donation Plugin and Fundraising Platform

Translation

  • 2 Plugins
  • 24 Views
Linguise – Automatic multilingual translation
Translate WordPress with GTranslate

Gamification

  • 3 Plugins
  • 1 Views
Points and Rewards for WooCommerce – Create Loyalty Programs, Reward Customer Purchases, Point Rewards, Referral Points, Reward for Points, User Badges, and Gamification
myCred – Loyalty Points and Rewards plugin for WordPress and WooCommerce – Give Points, Ranks, Badges, Cashback, WooCommerce rewards, and WooCommerce credits for Gamification
GamiPress – The #1 gamification plugin to reward points, achievements, badges & ranks in WordPress

test

  • 1 Plugin
  • 1 Views
Autoptimize

WooCommerce Plugins

  • 3 Plugins
  • 60 Views
Xero for WooCommerce
Amazon Pay for WooCommerce
TiendaEnvio for WooCommerce