{"id":66195,"date":"2017-04-07T00:20:30","date_gmt":"2017-04-07T00:20:30","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/color-or-image-variation-swatches-for-woocommerce\/"},"modified":"2025-09-11T20:56:11","modified_gmt":"2025-09-11T20:56:11","slug":"color-or-image-variation-swatches-for-woocommerce","status":"publish","type":"plugin","link":"https:\/\/th.wordpress.org\/plugins\/color-or-image-variation-swatches-for-woocommerce\/","author":18216844,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.2.1","stable_tag":"1.2.1","tested":"6.8.5","requires":"4.4","requires_php":"","requires_plugins":null,"header_name":"Variation Swatches for WooCommerce \u2013 Color & Image Swatches","header_author":"WPFactory","header_description":"Provides new WooCommerce type attributes (color,label,image)","assets_banners_color":"bceaf6","last_updated":"2025-09-11 20:56:11","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/color-or-image-variation-swatches-for-woocommerce\/","header_author_uri":"https:\/\/wpfactory.com","rating":4,"author_block_rating":0,"active_installs":600,"downloads":26750,"num_ratings":9,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.0":{"tag":"1.0.0","author":"algoritmika","date":"2017-04-08 12:46:52"},"1.0.1":{"tag":"1.0.1","author":"algoritmika","date":"2017-04-13 08:28:07"},"1.0.2":{"tag":"1.0.2","author":"algoritmika","date":"2017-09-02 14:49:31"},"1.0.3":{"tag":"1.0.3","author":"algoritmika","date":"2017-09-07 14:49:17"},"1.0.4":{"tag":"1.0.4","author":"algoritmika","date":"2018-03-25 14:13:54"},"1.0.5":{"tag":"1.0.5","author":"algoritmika","date":"2018-03-25 14:51:20"},"1.0.6":{"tag":"1.0.6","author":"algoritmika","date":"2018-07-18 16:30:44"},"1.0.7":{"tag":"1.0.7","author":"algoritmika","date":"2018-08-27 18:37:08"},"1.0.8":{"tag":"1.0.8","author":"algoritmika","date":"2018-08-27 18:58:12"},"1.0.9":{"tag":"1.0.9","author":"algoritmika","date":"2018-10-23 18:27:21"},"1.1.0":{"tag":"1.1.0","author":"algoritmika","date":"2019-02-21 21:41:13"},"1.1.1":{"tag":"1.1.1","author":"algoritmika","date":"2019-03-26 20:14:08"},"1.1.2":{"tag":"1.1.2","author":"Karzin","date":"2020-01-16 23:16:03"},"1.1.3":{"tag":"1.1.3","author":"Karzin","date":"2021-04-16 19:30:14"},"1.1.4":{"tag":"1.1.4","author":"Karzin","date":"2021-04-17 12:18:58"},"1.1.5":{"tag":"1.1.5","author":"wpcodefactory","date":"2023-02-02 00:26:06"},"1.1.6":{"tag":"1.1.6","author":"wpcodefactory","date":"2023-06-18 16:04:54"},"1.1.7":{"tag":"1.1.7","author":"wpcodefactory","date":"2023-09-21 20:19:16"},"1.1.8":{"tag":"1.1.8","author":"wpcodefactory","date":"2024-07-31 06:22:44"},"1.1.9":{"tag":"1.1.9","author":"wpcodefactory","date":"2024-10-09 19:06:40"},"1.2.0":{"tag":"1.2.0","author":"wpcodefactory","date":"2025-03-03 21:10:52"},"1.2.1":{"tag":"1.2.1","author":"wpcodefactory","date":"2025-09-11 20:56:11"}},"upgrade_notice":{"1.1.2":"<ul>\n<li>WC tested up to: 3.8<\/li>\n<li>Tested up to: 5.3<\/li>\n<li>Add option to load scripts only on product page<\/li>\n<li>Update CMB2<\/li>\n<li>Config auto deploy with travis<\/li>\n<\/ul>"},"ratings":{"1":"2","2":0,"3":0,"4":"1","5":"6"},"assets_icons":{"icon-128x128.png":{"filename":"icon-128x128.png","revision":2969964,"resolution":"128x128","location":"assets","locale":""},"icon-256x256.png":{"filename":"icon-256x256.png","revision":2858665,"resolution":"256x256","location":"assets","locale":""},"icon.svg":{"filename":"icon.svg","revision":2969964,"resolution":false,"location":"assets","locale":false}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":2969964,"resolution":"1544x500","location":"assets","locale":""},"banner-772x250.png":{"filename":"banner-772x250.png","revision":2969964,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.0.2","1.0.3","1.0.4","1.0.5","1.0.6","1.0.7","1.0.8","1.0.9","1.1.0","1.1.1","1.1.2","1.1.3","1.1.4","1.1.5","1.1.6","1.1.7","1.1.8","1.1.9","1.2.0","1.2.1"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2858665,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2858665,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2858665,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":2858665,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":2858665,"resolution":"5","location":"assets","locale":""}},"screenshots":{"1":"Display appealing attributes on frontend instead of the default select from WooCommerce","2":"Create a color type attribute","3":"Create a label type attribute","4":"Create a image type attribute","5":"Use the new type attributes (color, label and image) at your disposal"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[1257,133,18781,18228,286],"plugin_category":[45],"plugin_contributors":[78783,80665,220164,178791,189606],"plugin_business_model":[216238],"class_list":["post-66195","plugin","type-plugin","status-publish","hentry","plugin_tags-color","plugin_tags-image","plugin_tags-swatches","plugin_tags-variation","plugin_tags-woocommerce","plugin_category-ecommerce","plugin_contributors-anbinder","plugin_contributors-karzin","plugin_contributors-kousikmukherjeeli","plugin_contributors-omardabbas","plugin_contributors-wpcodefactory","plugin_business_model-commercial","plugin_committers-algoritmika","plugin_committers-karzin","plugin_committers-wpcodefactory","plugin_support_reps-tahaamin"],"banners":{"banner":"https:\/\/ps.w.org\/color-or-image-variation-swatches-for-woocommerce\/assets\/banner-772x250.png?rev=2969964","banner_2x":"https:\/\/ps.w.org\/color-or-image-variation-swatches-for-woocommerce\/assets\/banner-1544x500.png?rev=2969964","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":"https:\/\/ps.w.org\/color-or-image-variation-swatches-for-woocommerce\/assets\/icon.svg?rev=2969964","icon":"https:\/\/ps.w.org\/color-or-image-variation-swatches-for-woocommerce\/assets\/icon.svg?rev=2969964","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/color-or-image-variation-swatches-for-woocommerce\/assets\/screenshot-1.png?rev=2858665","caption":"Display appealing attributes on frontend instead of the default select from WooCommerce"},{"src":"https:\/\/ps.w.org\/color-or-image-variation-swatches-for-woocommerce\/assets\/screenshot-2.png?rev=2858665","caption":"Create a color type attribute"},{"src":"https:\/\/ps.w.org\/color-or-image-variation-swatches-for-woocommerce\/assets\/screenshot-3.png?rev=2858665","caption":"Create a label type attribute"},{"src":"https:\/\/ps.w.org\/color-or-image-variation-swatches-for-woocommerce\/assets\/screenshot-4.png?rev=2858665","caption":"Create a image type attribute"},{"src":"https:\/\/ps.w.org\/color-or-image-variation-swatches-for-woocommerce\/assets\/screenshot-5.png?rev=2858665","caption":"Use the new type attributes (color, label and image) at your disposal"}],"raw_content":"<!--section=description-->\n<p><strong>Variation Swatches for WooCommerce \u2013 Color &amp; Image Swatches<\/strong> provides new WooCommerce type attributes (color,label,image) for creating beautiful variations<\/p>\n\n<p><strong>Check some of its features:<\/strong><\/p>\n\n<ul>\n<li>Create a new type attribute for handling <strong>colors<\/strong><\/li>\n<li>Create a new type attribute for handling <strong>labels<\/strong><\/li>\n<li>Create a new type attribute for handling <strong>images<\/strong><\/li>\n<\/ul>\n\n<h4>Getting Started<\/h4>\n\n<p>Once you install and enable the plugin, three new options will be available at <strong>Product &gt; Attributes &gt; Types<\/strong> :<\/p>\n\n<ul>\n<li>Color<\/li>\n<li>Image<\/li>\n<li>Label<\/li>\n<\/ul>\n\n<p>Please take a look at the screenshots to understand it better<\/p>\n\n<!--section=installation-->\n<ol>\n<li>Upload the entire 'color-or-image-variation-swatches-for-woocommerce' folder to the '\/wp-content\/plugins\/' directory.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>Start by visiting plugin settings at WooCommerce &gt; Settings &gt; Ajax Product Search.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id='what%20does%20this%20plugin%20do%3F'><h3>What does this plugin do?<\/h3><\/dt>\n<dd><p>It creates new WooCommerce type attributes (color, label and image). They are located in Products &gt; Attributes &gt; Type.\nWith these attributes you can turn your native WooCommerce variations into something more beautiful and appealing.<\/p><\/dd>\n<dt id='how%20can%20i%20contribute%3F%20is%20there%20a%20github%20repository%3F'><h3>How can i contribute? Is there a github repository?<\/h3><\/dt>\n<dd><p>If you are interested in contributing - head over to the <a href=\"https:\/\/github.com\/algoritmika\/color-or-image-variation-swatches-for-woocommerce\">Variation Swatches for WooCommerce \u2013 Color &amp; Image Swatches<\/a> github repository to find out how you can pitch in.<\/p><\/dd>\n<dt id='is%20there%20a%20pro%20version%3F'><h3>Is there a Pro version?<\/h3><\/dt>\n<dd><p>Yes, it's located <a href=\"https:\/\/coder.fm\/item\/color-or-image-variation-swatches-for-woocommerce\/\">here<\/a><\/p><\/dd>\n<dt id='what%20can%20i%20do%20in%20the%20pro%20version%3F'><h3>What can I do in the Pro version?<\/h3><\/dt>\n<dd><ul>\n<li>Display only the possible term combinations, so your visitors don't have to guess the right ones<\/li>\n<li>Display your attributes on frontend using Select2, an enhanced version of the select element. It's great if you have a lot of variations<\/li>\n<li>Add attribute images of a variable product on its own gallery. So the user can zoom.<\/li>\n<\/ul><\/dd>\n<dt id='can%20i%20see%20what%20the%20pro%20version%20is%20capable%20of%3F'><h3>Can I see what the Pro version is capable of?<\/h3><\/dt>\n<dd><ul>\n<li>After installing the free version of this plugin, you can see the Pro version features in <strong>WooCommerce &gt; settings &gt; Variation Swatches &gt; Pro version<\/strong><\/li>\n<\/ul><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.2.1 - 11\/09\/2025<\/h4>\n\n<ul>\n<li>Updated CMB2 library.<\/li>\n<li>WC tested up to: 10.1.<\/li>\n<li>Tested up to: 6.8.<\/li>\n<\/ul>\n\n<h4>1.2.0 - 03\/03\/2025<\/h4>\n\n<ul>\n<li>Fix - Translation loading domain was triggered too early.<\/li>\n<li>WC tested up to: 9.7.<\/li>\n<li>Tested up to: 6.7.<\/li>\n<\/ul>\n\n<h4>1.1.9 - 09\/10\/2024<\/h4>\n\n<ul>\n<li>Dev - Add compatibility with HPOS.<\/li>\n<li>Fix - Fix php warning.<\/li>\n<li>WC tested up to: 9.3.<\/li>\n<\/ul>\n\n<h4>1.1.8 - 31\/07\/2024<\/h4>\n\n<ul>\n<li>WC tested up to: 9.1.<\/li>\n<li>Tested up to: 6.6.<\/li>\n<\/ul>\n\n<h4>1.1.7 - 22\/09\/2023<\/h4>\n\n<ul>\n<li>WC tested up to: 8.1.<\/li>\n<li>Tested up to: 6.3.<\/li>\n<\/ul>\n\n<h4>1.1.6 - 18\/06\/2023<\/h4>\n\n<ul>\n<li>WC tested up to: 7.8.<\/li>\n<li>Tested up to: 6.2.<\/li>\n<\/ul>\n\n<h4>1.1.5 - 01\/02\/2023<\/h4>\n\n<ul>\n<li>Tested up to: 6.1.<\/li>\n<li>WC tested up to: 7.3.<\/li>\n<\/ul>\n\n<h4>1.1.4 - 17\/04\/2021<\/h4>\n\n<ul>\n<li>Update composer setup.<\/li>\n<li>Update deploy process.<\/li>\n<\/ul>\n\n<h4>1.1.3 - 16\/04\/2021<\/h4>\n\n<ul>\n<li>Tested up to: 5.7.<\/li>\n<li>WC tested up to: 5.2.<\/li>\n<li>Update CMB2.<\/li>\n<\/ul>\n\n<h4>1.1.2 - 16\/01\/2020<\/h4>\n\n<ul>\n<li>WC tested up to: 3.8<\/li>\n<li>Tested up to: 5.3<\/li>\n<li>Add option to load scripts only on product page<\/li>\n<li>Update CMB2<\/li>\n<li>Config auto deploy with travis<\/li>\n<\/ul>\n\n<h4>1.1.1 - 26\/03\/2019<\/h4>\n\n<ul>\n<li>Improve function that displays attributes on product edit page<\/li>\n<li>Tested up to: 5.1<\/li>\n<\/ul>\n\n<h4>1.1.0 - 21\/02\/2019<\/h4>\n\n<ul>\n<li>Update WC tested up to: 3.5<\/li>\n<li>Update WordPress Tested up to: 5.0<\/li>\n<\/ul>\n\n<h4>1.0.9 - 23\/10\/2018<\/h4>\n\n<ul>\n<li>Update CMB2<\/li>\n<li>Fix 'woocommerce_update_variation_values' js event trigger<\/li>\n<li>Replace td.value by td on main.js avoiding possible conflicts<\/li>\n<li>Update CMB2 library address<\/li>\n<\/ul>\n\n<h4>1.0.8 - 27\/08\/2018<\/h4>\n\n<ul>\n<li>Improve plugin's description<\/li>\n<\/ul>\n\n<h4>1.0.7 - 27\/08\/2018<\/h4>\n\n<ul>\n<li>Fix php warning<\/li>\n<li>Update tested up to<\/li>\n<li>Add WooCommerce requirements<\/li>\n<li>Improve plugin's description<\/li>\n<\/ul>\n\n<h4>1.0.6 - 17\/07\/2018<\/h4>\n\n<ul>\n<li>Fix click on Safari<\/li>\n<li>Improve the detection mechanism of the original variations dropdown<\/li>\n<li>Remove package-lock.json<\/li>\n<\/ul>\n\n<h4>1.0.5 - 15\/01\/2018<\/h4>\n\n<ul>\n<li>Update CMB2<\/li>\n<li>Fix jQuery conflict<\/li>\n<\/ul>\n\n<h4>1.0.4 - 04\/12\/2017<\/h4>\n\n<ul>\n<li>Improve javascript<\/li>\n<li>Improve JS replacing parent() by closest, making it compatible with themes like Avada<\/li>\n<\/ul>\n\n<h4>1.0.3 - 06\/09\/2017<\/h4>\n\n<ul>\n<li>Improve term click (Now it works even when reinserted to DOM)<\/li>\n<\/ul>\n\n<h4>1.0.2 - 31\/08\/2017<\/h4>\n\n<ul>\n<li>Improve function to clean invalid attributes<\/li>\n<\/ul>\n\n<h4>1.0.1 - 12\/04\/2017<\/h4>\n\n<ul>\n<li>Replace term name by term id on product edit page because of WooCommerce 3.0<\/li>\n<li>Remove warning from old version of WooCommerce where product id was being called incorrectly<\/li>\n<li>Disable plugin if Pro is enabled<\/li>\n<li>Better documentation for JS<\/li>\n<li>Add data-attribute on custom terms<\/li>\n<li>Better readme<\/li>\n<\/ul>\n\n<h4>1.0.0 - 03\/04\/2017<\/h4>\n\n<ul>\n<li>Initial Release.<\/li>\n<\/ul>","raw_excerpt":"Provides new WooCommerce type attributes (color,label,image) for creating beautiful variations","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/66195","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=66195"}],"author":[{"embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/wpcodefactory"}],"wp:attachment":[{"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=66195"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=66195"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=66195"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=66195"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=66195"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/th.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=66195"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}