{"id":108478,"date":"2019-09-01T13:09:50","date_gmt":"2019-09-01T13:09:50","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/wc-variation-swatches\/"},"modified":"2026-03-11T07:03:31","modified_gmt":"2026-03-11T07:03:31","slug":"wc-variation-swatches","status":"publish","type":"plugin","link":"https:\/\/pcd.wordpress.org\/plugins\/wc-variation-swatches\/","author":15228358,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"2.1.0","stable_tag":"2.1.0","tested":"6.9.4","requires":"5.2","requires_php":"7.4","requires_plugins":null,"header_name":"Product Variation Swatches for WooCommerce","header_author":"PluginEver","header_description":"Provides a much nicer way to display variations of variable products!","assets_banners_color":"3921c1","last_updated":"2026-03-11 07:03:31","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/pluginever.com\/plugins\/wc-variation-swatches-pro\/","header_author_uri":"https:\/\/pluginever.com","rating":4.2,"author_block_rating":0,"active_installs":100,"downloads":14415,"num_ratings":5,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.3":{"tag":"1.0.3","author":"pluginever","date":"2022-09-28 17:03:13"},"1.0.4":{"tag":"1.0.4","author":"manikmist09","date":"2022-11-20 13:07:37"},"1.0.5":{"tag":"1.0.5","author":"pluginever","date":"2024-07-30 12:02:14"},"1.1.0":{"tag":"1.1.0","author":"pluginever","date":"2024-08-22 12:33:08"},"1.1.1":{"tag":"1.1.1","author":"pluginever","date":"2024-10-23 06:43:51"},"1.1.2":{"tag":"1.1.2","author":"pluginever","date":"2024-12-01 08:34:54"},"2.0.0":{"tag":"2.0.0","author":"pluginever","date":"2025-01-22 13:42:49"},"2.0.1":{"tag":"2.0.1","author":"pluginever","date":"2025-01-23 12:46:20"},"2.0.2":{"tag":"2.0.2","author":"pluginever","date":"2025-01-26 05:38:41"},"2.0.3":{"tag":"2.0.3","author":"pluginever","date":"2025-03-27 06:56:00"},"2.0.4":{"tag":"2.0.4","author":"pluginever","date":"2025-05-20 08:52:54"},"2.0.5":{"tag":"2.0.5","author":"pluginever","date":"2025-07-21 12:22:02"},"2.0.6":{"tag":"2.0.6","author":"pluginever","date":"2025-10-06 10:53:39"},"2.0.7":{"tag":"2.0.7","author":"pluginever","date":"2025-10-23 10:30:40"},"2.0.8":{"tag":"2.0.8","author":"pluginever","date":"2025-11-24 12:20:04"},"2.0.9":{"tag":"2.0.9","author":"pluginever","date":"2026-01-25 12:23:06"},"2.1.0":{"tag":"2.1.0","author":"pluginever","date":"2026-03-11 07:03:31"}},"upgrade_notice":{"2.0.5":"<p>This update includes framework updates, security enhancements, and performance improvements. It is recommended to update to the latest version for better functionality and security. Please ensure you have a backup before updating.<\/p>"},"ratings":{"1":"1","2":0,"3":0,"4":0,"5":"4"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":3139734,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":3174075,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-1544X500.png":{"filename":"banner-1544X500.png","revision":3139734,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3139734,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.3","1.0.4","1.0.5","1.1.0","1.1.1","1.1.2","2.0.0","2.0.1","2.0.2","2.0.3","2.0.4","2.0.5","2.0.6","2.0.7","2.0.8","2.0.9","2.1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3331474,"resolution":"1","location":"assets","locale":""},"screenshot-10.png":{"filename":"screenshot-10.png","revision":3373607,"resolution":"10","location":"assets","locale":""},"screenshot-11.png":{"filename":"screenshot-11.png","revision":3331474,"resolution":"11","location":"assets","locale":""},"screenshot-12.png":{"filename":"screenshot-12.png","revision":3331474,"resolution":"12","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":3331474,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":3331474,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":3331474,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":3331474,"resolution":"5","location":"assets","locale":""},"screenshot-6.png":{"filename":"screenshot-6.png","revision":3331474,"resolution":"6","location":"assets","locale":""},"screenshot-7.png":{"filename":"screenshot-7.png","revision":3331474,"resolution":"7","location":"assets","locale":""},"screenshot-8.png":{"filename":"screenshot-8.png","revision":3331474,"resolution":"8","location":"assets","locale":""},"screenshot-9.png":{"filename":"screenshot-9.png","revision":3331474,"resolution":"9","location":"assets","locale":""}},"screenshots":{"1":"Frontend: Select variations using swatches","2":"Crossed-out swatches for out-of-stock items","3":"Disabled attributes appear blurred","4":"Settings: General options panel","5":"Settings: Shape customization (Round\/Square\/Rounded Corners )","6":"Settings: Tooltip configuration","7":"Settings: Border Settings","8":"Settings: Catalog Settings (Pro)","9":"Frontend: Color swatches","10":"Frontend: Image swatches","11":"Frontend: Label\/text swatches","12":"Admin: Attribute setup interface"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[130912,183755,27490,129840,152797],"plugin_category":[45],"plugin_contributors":[91710,130357],"plugin_business_model":[],"class_list":["post-108478","plugin","type-plugin","status-publish","hentry","plugin_tags-variation-swatches","plugin_tags-variation-swatches-for-woocommerce","plugin_tags-woocommerce-attributes","plugin_tags-woocommerce-variation","plugin_tags-woocommerce-variation-swatches","plugin_category-ecommerce","plugin_contributors-manikmist09","plugin_contributors-pluginever","plugin_committers-manikmist09","plugin_committers-pluginever","plugin_support_reps-marufbyteever","plugin_support_reps-sajalwpdev"],"banners":{"banner":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/banner-772x250.png?rev=3139734","banner_2x":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/banner-1544X500.png?rev=3139734","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/icon-128x128.png?rev=3139734","icon_2x":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/icon-256x256.png?rev=3174075","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-1.png?rev=3331474","caption":"Frontend: Select variations using swatches"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-2.png?rev=3331474","caption":"Crossed-out swatches for out-of-stock items"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-3.png?rev=3331474","caption":"Disabled attributes appear blurred"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-4.png?rev=3331474","caption":"Settings: General options panel"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-5.png?rev=3331474","caption":"Settings: Shape customization (Round\/Square\/Rounded Corners )"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-6.png?rev=3331474","caption":"Settings: Tooltip configuration"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-7.png?rev=3331474","caption":"Settings: Border Settings"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-8.png?rev=3331474","caption":"Settings: Catalog Settings (Pro)"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-9.png?rev=3331474","caption":"Frontend: Color swatches"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-10.png?rev=3373607","caption":"Frontend: Image swatches"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-11.png?rev=3331474","caption":"Frontend: Label\/text swatches"},{"src":"https:\/\/ps.w.org\/wc-variation-swatches\/assets\/screenshot-12.png?rev=3331474","caption":"Admin: Attribute setup interface"}],"raw_content":"<!--section=description-->\n<p>Product Variation Swatches for WooCommerce replaces the standard WooCommerce variation dropdowns with beautifully designed color, image, and label swatches, offering a more intuitive and engaging experience for your customers.<\/p>\n\n<p>By transforming the boring dropdown into interactive visual swatches, this plugin helps shoppers quickly identify their desired product variations, ultimately reducing friction, enhancing store aesthetics, and boosting conversions.<\/p>\n\n<p>Whether you're selling apparel, electronics, cosmetics, or custom products, visual variation swatches give your store a modern edge and allow customers to make faster, more confident buying decisions.<\/p>\n\n<h3>View Demo &amp; Upgrade to Pro for Product Variation Swatches for WooCommerce<\/h3>\n\n<p><a href=\"https:\/\/demo.pluginever.com\/wc-variation-swatches\/\"><strong>\ud83d\udcbb Demo<\/strong><\/a> | <a href=\"https:\/\/pluginever.com\/plugins\/wc-variation-swatches-pro\/\"><strong>\ud83d\ude80 Get The PRO Version<\/strong><\/a> | <a href=\"https:\/\/pluginever.com\/support\/\"><strong>\ud83d\udee0 Support<\/strong><\/a> | <a href=\"https:\/\/pluginever.com\/docs\/wc-variation-swatches\/\"><strong>\ud83d\udcc4 Documentation<\/strong><\/a><\/p>\n\n<h3>\u2728 Key Features<\/h3>\n\n<h4>Free Version<\/h4>\n\n<ul>\n<li>Replace variation dropdowns with clickable color\/image\/label swatches<\/li>\n<li>Supports color, image, and text\/label swatch types<\/li>\n<li>Add unlimited terms under each product attribute<\/li>\n<li>Choose among round, square, or rounded corner swatch styles<\/li>\n<li>Customize swatch width and height<\/li>\n<li>Enable\/disable plugin\u2019s default stylesheets<\/li>\n<li>Configure tooltip options (font size, text color, background color)<\/li>\n<li>Toggle visibility of tooltips for each attribute<\/li>\n<li>Apply custom border styles for swatches<\/li>\n<li>Set the border width to control thickness.<\/li>\n<li>Choose a border type: Solid, Dashed, Dotted, or Double.<\/li>\n<li>Pick a border color to match your style<\/li>\n<li>Disable, cross out, or blur unavailable variation options.<\/li>\n<li>Set the position where you want to show the variation label.<\/li>\n<\/ul>\n\n<h4>PRO Version<\/h4>\n\n<ul>\n<li>Swatches on archive\/shop pages globally or per product<\/li>\n<li>Show or hide variation labels on shop\/catalog pages<\/li>\n<li>Show or hide attribute names on single product pages, and shop\/catalog pages<\/li>\n<li>Choose swatch label position: inline, stacked (left), or stacked (center)<\/li>\n<li>Catalog swatches position: after product title and price<\/li>\n<li>Tooltip image previews and hover effects<\/li>\n<li>Premium support and frequent updates<\/li>\n<\/ul>\n\n<p>Upgrade to PRO: <a href=\"https:\/\/pluginever.com\/plugins\/wc-variation-swatches-pro\/\">Click here<\/a><\/p>\n\n<h4>Coming Soon<\/h4>\n\n<ul>\n<li>Limit Attribute number in shop\/catalog pages<\/li>\n<li>Swatches in quick view and popups<\/li>\n<li>Accessibility enhancements<\/li>\n<li>Support for popular page builders (Elementor, Divi)<\/li>\n<\/ul>\n\n<h3>Benefits<\/h3>\n\n<ul>\n<li>Deliver a visually appealing shopping experience<\/li>\n<li>Help customers make faster, more confident decisions<\/li>\n<li>Reduce cart abandonment caused by confusing dropdowns<\/li>\n<li>Manage variation styles easily without coding<\/li>\n<li>Increase conversions and build customer trust<\/li>\n<\/ul>\n\n<h3>How It Works<\/h3>\n\n<ol>\n<li>Go to Products &gt; Attributes and create a new attribute<\/li>\n<li>Choose swatch type: Color, Image, or Label<\/li>\n<li>Add terms with color codes, images, or text labels<\/li>\n<li>Assign attributes to a variable product and create variations<\/li>\n<li>Save the product and view swatches on the product page<\/li>\n<\/ol>\n\n<h3>Compatibility<\/h3>\n\n<ul>\n<li>Requires WooCommerce 6.0.0 or later<\/li>\n<li>Compatible with most WooCommerce-compatible themes<\/li>\n<li>Tested with Storefront, Astra, OceanWP, Flatsome, and more<\/li>\n<\/ul>\n\n<!--section=installation-->\n<h4>Automatic Installation<\/h4>\n\n<ol>\n<li>Go to Plugins &gt; Add New in your WordPress dashboard<\/li>\n<li>Search for \u201cProduct Variation Swatches by PluginEver\u201d<\/li>\n<li>Click Install Now, then Activate<\/li>\n<\/ol>\n\n<h4>Manual Installation<\/h4>\n\n<ol>\n<li>Download the plugin ZIP file<\/li>\n<li>Go to Plugins &gt; Add New &gt; Upload Plugin<\/li>\n<li>Choose the ZIP file, click Install Now, then Activate<\/li>\n<\/ol>\n\n<h4>FTP Installation<\/h4>\n\n<ol>\n<li>Unzip the downloaded plugin ZIP file<\/li>\n<li>Upload the folder to \/wp-content\/plugins\/<\/li>\n<li>Go to WordPress dashboard \u2192 Plugins \u2192 Activate<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"what%20makes%20product%20variation%20swatches%20better%20than%20default%20dropdowns%3F\"><h3>What makes Product Variation Swatches better than default dropdowns?<\/h3><\/dt>\n<dd><p>It provides a visually intuitive and clickable interface that improves user experience and boosts conversions.<\/p><\/dd>\n<dt id=\"can%20i%20display%20color%2C%20image%2C%20and%20text%20swatches%20together%3F\"><h3>Can I display color, image, and text swatches together?<\/h3><\/dt>\n<dd><p>Yes. You can mix and match swatch types on any product.<\/p><\/dd>\n<dt id=\"is%20it%20compatible%20with%20page%20builders%20like%20elementor%3F\"><h3>Is it compatible with page builders like Elementor?<\/h3><\/dt>\n<dd><p>Yes, it works with most builders as long as you use standard WooCommerce product templates.<\/p><\/dd>\n<dt id=\"will%20it%20affect%20site%20speed%3F\"><h3>Will it affect site speed?<\/h3><\/dt>\n<dd><p>No. It is lightweight and performance-optimized.<\/p><\/dd>\n<dt id=\"can%20i%20request%20a%20feature%3F\"><h3>Can I request a feature?<\/h3><\/dt>\n<dd><p>Yes, we welcome all suggestions via our support form: https:\/\/pluginever.com\/support\/<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.1.0 (11th March 2026)<\/h4>\n\n<ul>\n<li>Compatibility: Check compatibility with the latest version of WooCommerce (10.6).<\/li>\n<\/ul>\n\n<h4>2.0.9 (25th January 2026)<\/h4>\n\n<ul>\n<li>Compatibility: Check compatibility with the latest version of WordPress (6.9) and WooCommerce (10.4).<\/li>\n<\/ul>\n\n<h4>2.0.8 (24th November 2025)<\/h4>\n\n<ul>\n<li>Enhance: Update the plugin notices.<\/li>\n<li>Fix: Minor bug fixes.<\/li>\n<\/ul>\n\n<h4>2.0.7 (23rd October 2025)<\/h4>\n\n<ul>\n<li>Enhance: Update the plugin notices.<\/li>\n<\/ul>\n\n<h4>2.0.6 (06th October 2025)<\/h4>\n\n<ul>\n<li>Compatibility: Check compatibility with the latest version of WordPress and WooCommerce.<\/li>\n<\/ul>\n\n<h4>2.0.5 (21st July 2025)<\/h4>\n\n<ul>\n<li>New: Update plugin framework.<\/li>\n<li>New: Update plugin directory structure.<\/li>\n<li>New: Add new settings for swatch styles.<\/li>\n<li>Enhance: Improve code quality and performance.<\/li>\n<li>Security: Enhance security.<\/li>\n<li>Fix: Few minor bugs.<\/li>\n<\/ul>\n\n<h4>2.0.4 (20th May 2025)<\/h4>\n\n<ul>\n<li>Compatibility: Check compatibility with the latest version of WordPress and WooCommerce.<\/li>\n<\/ul>\n\n<h4>2.0.3 (27th March 2025)<\/h4>\n\n<ul>\n<li>Compatibility: Compatible with the latest version of WooCommerce.<\/li>\n<\/ul>\n\n<h4>2.0.2 (26th January 2025)<\/h4>\n\n<ul>\n<li>Fix: Deprecated function issue<\/li>\n<\/ul>\n\n<h4>2.0.1 (23rd January 2025)<\/h4>\n\n<ul>\n<li>Fix: jQuery is not defined issue<\/li>\n<\/ul>\n\n<h4>2.0.0 (22nd January 2025)<\/h4>\n\n<ul>\n<li>New: Update Framework<\/li>\n<li>New: Refactor Code Structure to improve performance<\/li>\n<li>Security: Fix Known Security issues<\/li>\n<li>Compatibility: Compatible with the latest version of WooCommerce and WordPress<\/li>\n<\/ul>\n\n<h4>1.1.2 (28th November 2024)<\/h4>\n\n<ul>\n<li>Enhance: Framework update<\/li>\n<li>Compatible with WC New Version<\/li>\n<li>Compatible with WP New Version<\/li>\n<\/ul>\n\n<h4>1.1.1 (23rd October 2024)<\/h4>\n\n<ul>\n<li>Fix: Known Security issues<\/li>\n<li>Compatible with WC New Version<\/li>\n<li>Compatible with WP New Version<\/li>\n<\/ul>\n\n<h4>1.1.0 (22th Aug, 2024)<\/h4>\n\n<ul>\n<li>Update Framework<\/li>\n<li>Fix: Known Security issues<\/li>\n<li>Fix: Compatibility with WC Latest Version<\/li>\n<\/ul>\n\n<h4>1.0.5 (27th Jul, 2024)<\/h4>\n\n<ul>\n<li>Fix: WooCommerce HPOS issue.<\/li>\n<li>Fix: Compatibility with WP v6.6.1<\/li>\n<li>Fix: Compatibility with WC v9.1.4<\/li>\n<\/ul>\n\n<h4>1.0.4 (20th Nov, 2022)<\/h4>\n\n<ul>\n<li>Fix: Compatibility with WP v6.1<\/li>\n<li>Fix: Compatibility with WC v7.1<\/li>\n<\/ul>\n\n<h4>1.0.3 (28th Sept, 2022)<\/h4>\n\n<ul>\n<li>Fix: Compatibility with WP v6.0.2<\/li>\n<li>Fix: Compatibility with WC v6.9.4<\/li>\n<\/ul>\n\n<h4>1.0.2 (27th May, 2021)<\/h4>\n\n<ul>\n<li>Fix: Compatibility with WP v5.7.2<\/li>\n<li>Fix: Compatibility with WC v5.3.0<\/li>\n<\/ul>\n\n<h4>1.0.1 (24th October, 2019)<\/h4>\n\n<p>Fix: WC compatibility with 3.7.1\nFix: WP compatibility with 5.2.4\nFix: Preview image in product attribute<\/p>\n\n<h4>1.0.0 (1st September, 2019)<\/h4>\n\n<p>Initial release<\/p>","raw_excerpt":"Replace dropdowns with color, image, and label swatches for WooCommerce variations. Improve user experience and drive more conversions.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/108478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=108478"}],"author":[{"embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/pluginever"}],"wp:attachment":[{"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=108478"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=108478"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=108478"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=108478"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=108478"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/pcd.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=108478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}